:root{color-scheme:light;--bg: #f4f7ff;--bg-soft: #eaf0ff;--card: #ffffff;--card-glow: rgba(67, 120, 255, .18);--primary: #3b6cff;--primary-dark: #2344b8;--accent: #ffb156;--text: #111c35;--muted: #3d4f73;--danger: #e34d4d;--radius: 22px;font-family:Manrope,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% 12%,#2d3f70,#121c38 48%,#080d1f);color:var(--text);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 7% 16%,rgba(255,255,255,.96) 0 1.4px,transparent 1.8px),radial-gradient(circle at 14% 73%,rgba(218,231,255,.75) 0 1.1px,transparent 1.5px),radial-gradient(circle at 21% 34%,rgba(255,255,255,.72) 0 1px,transparent 1.4px),radial-gradient(circle at 29% 81%,rgba(200,223,255,.7) 0 1.2px,transparent 1.6px),radial-gradient(circle at 36% 22%,rgba(255,255,255,.92) 0 1.5px,transparent 1.9px),radial-gradient(circle at 43% 67%,rgba(207,226,255,.66) 0 1px,transparent 1.4px),radial-gradient(circle at 49% 12%,rgba(255,255,255,.8) 0 1.2px,transparent 1.6px),radial-gradient(circle at 57% 53%,rgba(232,241,255,.85) 0 1.3px,transparent 1.7px),radial-gradient(circle at 64% 88%,rgba(189,215,255,.58) 0 .95px,transparent 1.35px),radial-gradient(circle at 71% 18%,rgba(255,255,255,.9) 0 1.45px,transparent 1.9px),radial-gradient(circle at 77% 74%,rgba(214,230,255,.72) 0 1.1px,transparent 1.5px),radial-gradient(circle at 84% 41%,rgba(255,255,255,.84) 0 1.25px,transparent 1.65px),radial-gradient(circle at 91% 9%,rgba(227,238,255,.68) 0 1.05px,transparent 1.45px),radial-gradient(circle at 95% 64%,rgba(255,255,255,.8) 0 1.2px,transparent 1.6px);opacity:.9;animation:twinkle 6.5s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:18%;left:-22%;width:190px;height:3px;pointer-events:none;z-index:0;opacity:0;background:linear-gradient(90deg,#fff0,#a0d0fff2);border-radius:999px;box-shadow:0 0 10px #95c4ff6b;transform:rotate(-14deg);animation:comet-pass-a 39s linear infinite}#app{min-height:100vh;position:relative;z-index:1}#app:before,#app:after{content:"";position:fixed;inset:0;pointer-events:none}#app:before{z-index:0;background-image:radial-gradient(circle at 10% 18%,rgba(255,255,255,.98) 0 1.6px,transparent 2px),radial-gradient(circle at 26% 62%,rgba(255,255,255,.95) 0 1.4px,transparent 1.8px),radial-gradient(circle at 38% 29%,rgba(255,255,255,.9) 0 1.5px,transparent 1.9px),radial-gradient(circle at 54% 70%,rgba(255,255,255,.96) 0 1.4px,transparent 1.8px),radial-gradient(circle at 68% 21%,rgba(255,255,255,.95) 0 1.6px,transparent 2px),radial-gradient(circle at 82% 57%,rgba(255,255,255,.98) 0 1.5px,transparent 1.9px),radial-gradient(circle at 91% 33%,rgba(255,255,255,.9) 0 1.4px,transparent 1.8px);opacity:.68;animation:star-blink-a 4.7s ease-in-out infinite}#app:after{z-index:0;background-image:radial-gradient(circle at 16% 44%,rgba(217,235,255,.95) 0 1.2px,transparent 1.6px),radial-gradient(circle at 33% 82%,rgba(255,255,255,.9) 0 1.25px,transparent 1.65px),radial-gradient(circle at 47% 16%,rgba(231,242,255,.88) 0 1.1px,transparent 1.5px),radial-gradient(circle at 63% 49%,rgba(255,255,255,.94) 0 1.3px,transparent 1.7px),radial-gradient(circle at 76% 76%,rgba(222,237,255,.92) 0 1.2px,transparent 1.6px),radial-gradient(circle at 88% 12%,rgba(255,255,255,.88) 0 1.15px,transparent 1.55px);opacity:.5;animation:star-blink-b 6.1s ease-in-out infinite}.app:before,.app:after{content:"";position:fixed;pointer-events:none;z-index:0;opacity:0;border-radius:999px;transform-origin:left center}.app:before{top:58%;left:-26%;width:150px;height:2px;background:linear-gradient(90deg,#fff0,#b4dbffe0);box-shadow:0 0 8px #a0ccff57;transform:rotate(-24deg);animation:comet-pass-b 57s linear infinite}.app:after{top:72%;left:auto;right:-24%;width:120px;height:2px;background:linear-gradient(90deg,#d7ecffd6,#fff0);box-shadow:0 0 7px #acd4ff4d;transform:rotate(8deg);animation:comet-pass-c 71s linear infinite}.app{display:flex;flex-direction:column;gap:24px;max-width:800px;margin:0 auto;padding:22px 18px 48px}.hero{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:12px 0;transition:transform .3s ease,opacity .3s ease}.hero.compact{transform:translateY(-10px);opacity:.85;padding:8px 0 0}.hero__logo{position:relative;width:70px;height:70px}.planet{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#8cf4ff,#4a5cff);box-shadow:0 0 28px #5ae0ff66}.orbit{position:absolute;inset:4px;border:1px solid rgba(255,255,255,.15);border-radius:50%;animation:spin 12s linear infinite}.orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);top:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #f7b267cc}.hero__text h1{font-family:Space Grotesk,sans-serif;margin:0 0 8px;font-size:clamp(24px,3.6vw,38px)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--accent);margin:0 0 8px}.subtitle{color:var(--muted);margin:0;font-size:15px}.panel{display:flex;justify-content:center;flex:1}.card{width:100%;background:linear-gradient(140deg,#fffffff5,#f5f8ffeb);border-radius:var(--radius);padding:clamp(18px,3.6vw,30px);box-shadow:0 16px 40px #2e4a812e;border:1px solid rgba(67,120,255,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card h2,.card h3{font-family:Space Grotesk,sans-serif}.lead{color:var(--muted);font-size:15px}.welcome-brand{display:grid;justify-items:center;gap:0;text-align:center;margin-bottom:14px}.welcome-brand__logo{width:400px;height:400px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 14px 30px #2e4a8133;border:2px solid rgba(67,120,255,.22)}.form{display:grid;gap:12px;margin-top:16px}.resume{margin-top:14px;padding:12px 14px;border-radius:16px;border:1px solid rgba(67,120,255,.2);background:#f0f6ffe6}.resume__title{margin:0 0 10px;color:var(--muted);font-size:14px}.field{display:grid;gap:6px;font-size:13px;color:var(--muted)}.field input{background:#fff;border:1px solid rgba(67,120,255,.2);padding:10px 12px;border-radius:14px;color:var(--text);font-size:15px}.field input:focus{outline:2px solid rgba(90,224,255,.6)}.field--invalid input,.field input.invalid{border-color:#e34d4dcc;box-shadow:0 0 0 2px #e34d4d29}.field--invalid input:focus,.field input.invalid:focus{outline:2px solid rgba(227,77,77,.35)}.field__error{margin:2px 2px 0;color:#be3535;font-size:12px}.actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.btn{border:none;border-radius:16px;padding:10px 16px;font-size:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn.primary{background:linear-gradient(120deg,var(--primary),#78a7ff);color:#fff;font-weight:700;box-shadow:0 12px 24px #3b6cff40}.btn.ghost{background:transparent;border:1px solid rgba(67,120,255,.4);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:not(:disabled):hover{transform:translateY(-2px)}.btn-tooltip-wrap{position:relative;display:block;width:100%}.btn-tooltip-wrap .btn{width:100%}.btn-tooltip-wrap.is-disabled:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);background:#121c35eb;color:#fff;padding:7px 10px;border-radius:10px;font-size:12px;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:5}.btn-tooltip-wrap.is-disabled:hover:after{opacity:1}.error{color:var(--danger);margin:0}.hint{color:#b74141;margin:0;font-size:13px;text-align:center}.quiz{display:grid;gap:12px}.quiz__body{display:grid;gap:12px;grid-template-columns:1fr}.media{display:flex;justify-content:center}.media__frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(67,120,255,.2);width:100%;height:auto;aspect-ratio:3 / 2;background:linear-gradient(160deg,#ffffff59,#ffffff14),var(--question-tint, #121a35)}.media__progress{position:absolute;top:10px;left:10px;display:grid;gap:4px;padding:6px 8px;border-radius:12px;background:#ffffff73;border:1px solid rgba(67,120,255,.16);color:#24324f;font-size:11px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}.media__bar{height:5px;width:130px;background:#4378ff26;border-radius:999px;overflow:hidden}.media__bar-value{height:100%;background:linear-gradient(90deg,#3b6cff,#8db6ff)}.media__link{display:block;position:relative;color:inherit;text-decoration:none}.media__frame img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s ease}.media__hint{position:absolute;right:14px;bottom:12px;padding:6px 10px;border-radius:999px;font-size:12px;background:#ffffffd9;border:1px solid rgba(67,120,255,.2);color:#2a3550;opacity:0;transition:opacity .2s ease}.media__link:hover .media__hint,.media__link:focus-visible .media__hint{opacity:1}.modal{position:fixed;inset:0;background:#000000bf;display:grid;place-items:center;z-index:999;padding:24px}.modal__content{position:relative;max-width:min(92vw,1200px);max-height:90vh;background:#fff;border-radius:18px;border:1px solid rgba(67,120,255,.15);box-shadow:0 30px 80px #2e4a814d;overflow:hidden}.modal__content img{display:block;max-width:100%;max-height:90vh;height:auto}.modal__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#3b6cff1f;color:#21314f;font-size:22px;cursor:pointer}.media__frame.loaded img{opacity:1}.media__skeleton{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(67,120,255,.18),transparent 60%);display:grid;place-items:center}.sparkle{width:120px;height:120px;border-radius:50%;border:1px dashed rgba(67,120,255,.3);animation:pulse 2.5s ease-in-out infinite}.sparkle.small{width:70px;height:70px;position:absolute;animation-delay:.4s}.sparkle.tiny{width:32px;height:32px;position:absolute;animation-delay:.8s}.question h3{margin:0 0 14px;font-size:clamp(15px,2vw,22px)}.question{padding:14px;border-radius:18px;background:linear-gradient(180deg,#ffffffd1,#ecf3ffe6);border:1px solid rgba(67,120,255,.12)}.answers{display:grid;gap:10px}.answer{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:8px 10px;border-radius:14px;border:1px solid rgba(67,120,255,.2);background:#fffc;color:var(--text);text-align:left;cursor:pointer;transition:border .2s ease,transform .2s ease;font-size:clamp(13px,1.4vw,16px)}.answer:hover{transform:translateY(-2px);border-color:#4378ff99}.answer.selected{border-color:var(--primary);box-shadow:0 0 0 2px #3b6cff33;background:#3b6cff1c}.answer.selected .answer__text{color:#0f1f43}.answer__index{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#3b6cff2e;color:var(--primary);font-weight:700;flex-shrink:0;font-size:13px}.done{text-align:center;display:grid;gap:18px;justify-items:center}.done__media{width:100%}.done__media img{width:100%;display:block;border-radius:18px;object-fit:cover}.result{display:grid;justify-items:center;gap:4px}.result__title{margin:0;color:var(--muted)}.result__value{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(44px,9vw,72px);font-weight:700;line-height:1;color:var(--primary-dark)}.result__label{margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.done .btn.ghost:not(:disabled):hover{background:#4378ff1a}.app-footer{margin-top:8px;text-align:center;font-size:12px;color:var(--muted);text-shadow:0 0 10px rgba(255,255,255,.42)}.app-footer a{color:#2f63ff;text-decoration:none;text-shadow:0 0 10px rgba(255,255,255,.5)}.app-footer a:hover{text-decoration:underline}@media(max-width:900px){.hero,.quiz__body{grid-template-columns:1fr}}@media(max-width:600px){.app{padding:16px 14px 36px;gap:14px}.media__frame{width:100%}.question{padding:12px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(.9);opacity:.4}50%{transform:scale(1.05);opacity:.8}}@keyframes twinkle{0%{opacity:.45;transform:translateY(0)}50%{opacity:.88;transform:translateY(-2px)}to{opacity:.58;transform:translateY(0)}}@keyframes comet-pass-a{0%,84%{opacity:0;transform:translateZ(0) rotate(-14deg)}87%{opacity:.85}94%{opacity:.72;transform:translate3d(132vw,-44vh,0) rotate(-14deg)}to{opacity:0;transform:translate3d(132vw,-44vh,0) rotate(-14deg)}}@keyframes comet-pass-b{0%,88%{opacity:0;transform:translateZ(0) rotate(-24deg)}90%{opacity:.68}96%{opacity:.56;transform:translate3d(128vw,-58vh,0) rotate(-24deg)}to{opacity:0;transform:translate3d(128vw,-58vh,0) rotate(-24deg)}}@keyframes comet-pass-c{0%,91%{opacity:0;transform:translateZ(0) rotate(8deg)}93%{opacity:.62}98%{opacity:.5;transform:translate3d(-126vw,-18vh,0) rotate(8deg)}to{opacity:0;transform:translate3d(-126vw,-18vh,0) rotate(8deg)}}@keyframes star-blink-a{0%,to{opacity:.45;filter:brightness(.9)}25%{opacity:.9;filter:brightness(1.2)}55%{opacity:.35;filter:brightness(.85)}75%{opacity:.8;filter:brightness(1.15)}}@keyframes star-blink-b{0%,to{opacity:.3;filter:brightness(.85)}18%{opacity:.7;filter:brightness(1.1)}42%{opacity:.28;filter:brightness(.8)}66%{opacity:.62;filter:brightness(1.08)}86%{opacity:.38;filter:brightness(.9)}}@media(prefers-reduced-motion:reduce){body:before,body:after,#app:before,#app:after,.app:before,.app:after{animation:none}}