@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";:root{--purple: #400286;--bold-blue: #007bc1;--sky-blue: #00a9eb;--coral: #f8636c;--mint: #71cda1;--ink: #020c16;--panel: rgba(255, 255, 255, .04);--panel-border: rgba(255, 255, 255, .08);font-family:Poppins,Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;color:#e5e9f0;background-color:var(--ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#0a3351,#041a2e 45%,#010a13);color:#e5f0ff}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.content-layer{position:relative;z-index:1;padding:32px;max-width:1200px;margin:0 auto}.eye-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(145deg,#010a12e6,#052844d9),url(/hero-droplet.png) center/cover no-repeat}.eye-backdrop__visual{width:100%;height:100%;position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,#083c5f80,#03121fe6)}.eye-backdrop__mask{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#0003,#00000080),linear-gradient(180deg,#0006,#000000a6);z-index:1;mix-blend-mode:multiply}.eye__lottie,.eye__placeholder{width:100%;height:100%;object-fit:cover}.eye__placeholder{position:relative;background:radial-gradient(circle at 30% 40%,#5edee44d,#020d1acc)}.eye__iris{position:absolute;width:420px;height:420px;background:radial-gradient(circle,#0a3c63 0%,#051d31 60%,transparent 80%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(2px)}.eye__fill{position:absolute;inset:0;background:linear-gradient(120deg,#5edee459,#8ecbff40);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,.95) 60%,transparent 100%);mask-image:radial-gradient(circle,rgba(0,0,0,.95) 60%,transparent 100%);transition:width .6s ease}.eye__shine{position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);mix-blend-mode:screen;animation:flow 2s linear infinite}.eye__label{position:absolute;right:16px;bottom:16px;padding:10px 14px;border-radius:12px;background:#00000059;color:#e5f0ff;font-weight:700}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;border-radius:18px;background:#020c16a6;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;gap:12px;align-items:center;cursor:pointer}.topbar__status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.pill{padding:8px 12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e5f0ff;font-size:13px;letter-spacing:.2px;text-transform:capitalize}.pill--brand{background:linear-gradient(120deg,var(--purple),var(--bold-blue));color:#fff;border-color:transparent;font-weight:700}.pill--icon{display:inline-flex;align-items:center;gap:8px}.pill--icon img{height:18px;width:18px;object-fit:contain}.pill.success{background:#49dd9c26;border-color:#49dd9c80;color:#6ff0c3}.pill.warning{background:#ffc1071a;border-color:#ffc10766;color:#ffdd6f}.pill.muted{color:#93a5be}.layout{display:grid;grid-template-columns:2fr 1fr;gap:16px}.primary{display:flex;flex-direction:column;gap:16px}.sidebar{display:flex;flex-direction:column;gap:12px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;padding:24px;box-shadow:0 20px 60px #0000005c;position:relative;overflow:hidden}.attract{min-height:380px;display:flex;align-items:flex-end;justify-content:flex-start;background:radial-gradient(circle at 20% 30%,rgba(113,205,161,.32),transparent 55%),linear-gradient(135deg,#400286b3,#007bc199)}.attract__glow{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(142,203,255,.35),transparent 35%);pointer-events:none}.attract__content{position:relative;max-width:520px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:#8ecbff;margin:0 0 8px}h1,h2,h3{margin:0 0 12px;color:#eaf3ff}.lede{color:#c9d9ec;margin:0 0 16px;line-height:1.5}.cta,.ghost{border:none;border-radius:16px;padding:14px 18px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease;color:#03121f}.cta{background:linear-gradient(120deg,#5edde4,#8ecbff);box-shadow:0 10px 30px #5edee44d}.cta:hover{transform:translateY(-1px)}.cta:disabled{opacity:.5;cursor:not-allowed}.ghost{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#e5f0ff}.ghost.small{padding:8px 12px;border-radius:12px}.panel.info .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.info__row{display:flex;gap:12px;align-items:center}.info__icon{height:32px;width:32px;object-fit:contain}.quiz__header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.attempts{color:#8ecbff;font-weight:600}.quiz__options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.option{text-align:left;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e5f0ff;cursor:pointer;min-height:96px;display:flex;flex-direction:column;gap:8px}.option:hover{border-color:#5edee499}.option:active{transform:scale(.995)}.option.selected{border-color:#5edde4;box-shadow:0 6px 20px #5edee433}.option.correct{background:linear-gradient(135deg,#40028638,#007bc12e);animation:pulse .42s ease}.option.wrong{border-color:#ff638499;animation:shake .32s ease}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#5edee41f;color:#5edde4;font-weight:600;width:fit-content}.tag.warning{background:#ffc1071f;color:#ffdd6f}.feedback{margin-top:14px;padding:12px;border-radius:12px}.feedback.correct{background:#5edee426;color:#e5f0ff}.feedback.incorrect{background:#ff63841f;color:#ffc5d0}.meter{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}.meter__label{display:flex;justify-content:space-between;align-items:baseline}.meter__bar{position:relative;height:18px;margin-top:10px;background:#ffffff0f;border-radius:999px;overflow:hidden}.meter__fill{height:100%;background:linear-gradient(120deg,#5edde4,#8ecbff);border-radius:999px;transition:width .32s ease;position:relative;overflow:hidden}.meter__shimmer{position:absolute;inset:0;background:linear-gradient(120deg,#fff0,#fff6,#fff0);animation:shimmer 2.2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.meter .meter__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff2e,#fff0);mix-blend-mode:screen;transform:translate(-100%);animation:flow 2.2s infinite linear}.meter.active .meter__fill{box-shadow:0 4px 16px #5edee447}.meter.complete .meter__fill{animation:pulse 1.6s ease-in-out infinite alternate,flow 1.8s linear infinite}.cta:active,.ghost:active{transform:translateY(1px)}.meter__hint{color:#93a5be;margin:8px 0 0}.completion__actions{display:flex;gap:12px}.leaderboard ul{list-style:none;padding:0;margin:12px 0 0}.leaderboard__header{display:flex;justify-content:space-between;align-items:center}.leaderboard__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.leaderboard__info strong{display:block}.leaderboard__time{font-weight:700;color:#5edde4}.muted{color:#93a5be;margin:0}.modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:10;padding:16px}.modal__content{max-width:520px;width:100%}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.form{display:flex;flex-direction:column;gap:12px}label span{display:block;font-weight:600;margin-bottom:6px}input{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:#e5f0ff;font-size:16px}input:focus{outline:2px solid #5edde4;border-color:#5edde4}.error{color:#ffb0c3}.modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.qr__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.qr__code{text-align:center}.qr__preview{display:grid;gap:10px}.certificate{padding:16px;border-radius:16px;background:linear-gradient(135deg,#5edee426,#8ecbff1f);border:1px solid rgba(255,255,255,.18);color:#03121f}.certificate h3{color:#03121f}.certificate__image{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:960px){.layout{grid-template-columns:1fr}}