@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#f7f9f8f2;border-bottom:1px solid #1d9e7529;justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo{color:#2b6cb0;letter-spacing:-.3px;font-size:20px;font-weight:600}.navbar-logo span{color:#4a9edb}.navbar-tabs{background:#ebf5ff;border-radius:10px;gap:4px;padding:3px;display:flex}.nav-tab{color:#5a7a70;border-radius:8px;padding:5px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.nav-tab.active{color:#2b6cb0;background:#fff;box-shadow:0 1px 4px #1d9e751a}.navbar-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#76b9e8,#2b6cb0);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:500;display:flex}.navbar-left{align-items:center;gap:8px;display:flex}.navbar-home-btn{color:#64748b;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .2s;display:flex}.navbar-home-btn:hover{color:#2563eb;background:#eff6ff}.guest-banner{color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a;justify-content:center;align-items:center;gap:16px;padding:10px 24px;font-size:13px;font-weight:500;display:flex}.guest-banner-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:50px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.guest-banner-btn:hover{background:#d97706}.home-page{color:#0d1b2a;background:linear-gradient(160deg,#d6eaff 0%,#e8f3ff 40%,#dce8ff 100%);min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.home-grain{display:none}.home-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f62e 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float1;position:fixed;top:-150px;right:-100px}.home-page:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#63b3ff26 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:10s ease-in-out infinite float2;position:fixed;bottom:100px;left:-80px}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes float2{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.home-nav{z-index:10;justify-content:space-between;align-items:center;padding:24px 60px;display:flex;position:relative}.home-logo{color:#1a1a2e;letter-spacing:-.5px;font-size:22px;font-weight:700}.home-logo span{color:#2563eb}.home-nav-links{align-items:center;gap:10px;display:flex}.nav-link-btn{color:#2563eb;cursor:pointer;background:0 0;border:1.5px solid #2563eb4d;border-radius:50px;padding:10px 22px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;transition:all .2s}.nav-link-btn:hover{background:#2563eb0f}.nav-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:50px;padding:10px 24px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #2563eb4d}.nav-cta-btn:hover{transform:translateY(-1px)}.home-hero{z-index:5;justify-content:center;align-items:center;gap:60px;padding:60px 80px 40px;display:flex;position:relative}.hero-left{flex:1;max-width:560px}.hero-right{flex:none}.hero-eyebrow{color:#1d4ed8;letter-spacing:.5px;background:#2563eb14;border:1px solid #2563eb33;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow-dot{background:#3b82f6;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;display:inline-block}.hero-title{color:#0d1b2a;letter-spacing:-2px;margin-bottom:24px;font-size:54px;font-weight:800;line-height:1.1}.hero-title-accent{background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:#4a5568;max-width:480px;margin-bottom:36px;font-size:20px;line-height:1.7}.hero-actions{align-items:center;gap:14px;margin-bottom:24px;display:flex}.btn-main{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:50px;padding:15px 34px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;transition:all .25s;box-shadow:0 8px 30px #2563eb59}.btn-main:hover{transform:translateY(-2px);box-shadow:0 12px 40px #2563eb73}.btn-main-lg{padding:18px 48px;font-size:17px}.btn-ghost-link{color:#2563eb;cursor:pointer;background:#fff;border:1.5px solid #2563eb4d;border-radius:50px;padding:15px 28px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;transition:all .2s}.btn-ghost-link:hover{border-color:#2563eb;transform:translateY(-1px)}.domain-grid{grid-template-columns:1fr 1fr;gap:10px;max-width:360px;display:grid}.domain-card{background:var(--dbg,#e8f4ff);border:1px solid #0000000f;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;transition:transform .18s,box-shadow .18s;display:flex}.domain-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.domain-card-icon{flex-shrink:0;font-size:20px}.domain-card-label{color:var(--dc,#1a6fa8);font-size:13px;font-weight:600;line-height:1.3}.hero-img{object-fit:cover;border-radius:24px;width:460px;height:500px;animation:6s ease-in-out infinite float1;box-shadow:0 20px 60px #2563eb33}.stats-strip{z-index:5;justify-content:center;padding:0 80px 70px;display:flex;position:relative}.stat-item{text-align:center;background:#fff;border:1px solid #2563eb1a;flex-direction:column;flex:1;align-items:center;gap:8px;max-width:300px;padding:36px 50px;display:flex;box-shadow:0 4px 20px #0000000d}.stat-item:first-child{border-radius:16px 0 0 16px}.stat-item:last-child{border-radius:0 16px 16px 0}.stat-item:not(:first-child){border-left:none}.stat-big{color:#0d1b2a;letter-spacing:-2px;align-items:baseline;gap:6px;font-size:52px;font-weight:800;display:flex}.stat-big em{color:#2563eb;letter-spacing:0;font-size:22px;font-style:normal;font-weight:600}.stat-desc{color:#1e293b;font-size:15px;font-weight:500}.stat-divider{display:none}.how-section{z-index:5;max-width:1000px;margin:0 auto;padding:20px 80px 70px;position:relative}.how-label{letter-spacing:.15em;text-transform:uppercase;color:#2563eb;opacity:.7;margin-bottom:28px;font-size:14px;font-weight:700}.how-steps{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.how-step{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border:1px solid #2563eb1a;padding:32px 28px;transition:all .2s}.how-step:first-child{border-radius:16px 0 0 16px}.how-step:last-child{border-radius:0 16px 16px 0}.how-step:hover{background:#fff;box-shadow:0 4px 20px #2563eb14}.step-n{color:#0d1b2a;letter-spacing:-2px;align-items:baseline;gap:5px;margin-bottom:14px;font-size:36px;font-weight:800;line-height:1;display:flex}.step-n em{color:#2563eb;letter-spacing:0;font-size:16px;font-style:normal;font-weight:400}.step-t{color:#0d1b2a;letter-spacing:-.4px;margin-bottom:10px;font-size:22px;font-weight:700}.step-d{color:#374151;font-size:17px;line-height:1.6}.final-cta{z-index:5;padding:0 80px 80px;position:relative}.final-cta-inner{text-align:center;background:linear-gradient(135deg,#2563eb12,#3b82f60a);border:1px solid #2563eb1a;border-radius:24px;padding:60px 40px}.final-cta-kicker{letter-spacing:.14em;text-transform:uppercase;color:#2563eb;opacity:.65;margin-bottom:12px;font-size:14px;font-weight:700}.final-cta-title{color:#0d1b2a;letter-spacing:-2px;margin-bottom:36px;font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.05}.home-footer{z-index:5;border-top:1px solid #2563eb1a;flex-direction:column;align-items:center;gap:8px;padding:30px 60px;display:flex;position:relative}.home-footer p{color:#1e293b;font-size:12px}@media (width<=900px){.home-nav{padding:20px 24px}.home-hero{flex-direction:column;gap:32px;padding:48px 24px 32px}.hero-left{max-width:none}.hero-img{width:100%;height:260px}.stats-strip{flex-direction:column;align-items:stretch;gap:2px;padding:0 24px 48px}.stat-item:first-child{border-radius:16px 16px 0 0}.stat-item:last-child{border-radius:0 0 16px 16px}.stat-item:not(:first-child){border-top:none;border-left:1px solid #2563eb1a}.how-section{padding:20px 24px 48px}.how-steps{grid-template-columns:1fr}.how-step:first-child{border-radius:16px 16px 0 0}.how-step:last-child{border-radius:0 0 16px 16px}.final-cta{padding:0 24px 60px}.hero-title{font-size:40px}}.how-domains-label{letter-spacing:.15em;text-transform:uppercase;color:#2563eb;opacity:.6;margin-top:48px;margin-bottom:16px;font-size:14px;font-weight:600}.how-domain-cards{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.how-domain-card{background:var(--dbg,#e0f0ff);border:1px solid #0000000f;border-radius:18px;flex-direction:column;gap:10px;padding:22px 18px 20px;transition:transform .2s,box-shadow .2s;display:flex}.how-domain-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #00000017}.how-domain-card-top{justify-content:space-between;align-items:center;display:flex}.how-domain-icon{font-size:28px;line-height:1}.how-domain-card-label{color:var(--dc,#1a6fa8);letter-spacing:-.2px;font-size:17px;font-weight:700}.how-domain-card-desc{color:#4a5568;font-size:15px;line-height:1.55}@media (width<=900px){.how-domain-cards{grid-template-columns:repeat(2,1fr)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a2e28;background:linear-gradient(160deg,#eaf4ff 0%,#f5f9ff 50%,#e8f0ff 100%);font-family:Inter,sans-serif}.ob-wrap{max-width:720px;margin:0 auto;padding:80px 1.25rem 4rem;position:relative;overflow:hidden}.ob-ambient{filter:blur(60px);pointer-events:none;z-index:0;border-radius:999px;animation:12s ease-in-out infinite floatBlob;position:absolute}.ob-ambient-one{background:radial-gradient(circle,#4a9edb33,#0000);width:200px;height:200px;top:60px;right:20px}.ob-ambient-two{background:radial-gradient(circle,#1d9e7526,#0000);width:160px;height:160px;animation-delay:-4s;top:320px;left:-30px}.ob-ambient-three{background:radial-gradient(circle,#9b59b61f,#0000);width:180px;height:180px;animation-delay:-7s;bottom:60px;right:60px}@keyframes floatBlob{0%,to{transform:translate(0)scale(1)}50%{transform:translateY(-12px)scale(1.04)}}.ob-progress-row{z-index:1;align-items:center;gap:12px;margin-bottom:1.4rem;display:flex;position:relative}.ob-progress-track{background:#fffc;border:1px solid #2563eb1a;border-radius:999px;flex:1;height:8px;overflow:hidden}.ob-progress-fill{background:linear-gradient(90deg,#4a9edb 0%,#1d9e75 100%);border-radius:999px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px #4a9edb59}.ob-step-label{color:#64748b;white-space:nowrap;font-size:13px;font-weight:600}.ob-card{z-index:1;background:#fffffff5;border:1px solid #2563eb1a;border-radius:28px;padding:2rem;animation:.42s cubic-bezier(.22,1,.36,1) cardRise;position:relative;box-shadow:0 20px 60px #2563eb1a}@keyframes cardRise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.ob-domain-header{border-radius:18px;align-items:center;gap:14px;margin-bottom:22px;padding:18px 20px;display:flex}.ob-domain-emoji{filter:drop-shadow(0 2px 6px #0000001a);flex-shrink:0;font-size:40px}.ob-domain-header-text{flex:1}.ob-domain-eyebrow{letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700}.ob-domain-title{color:#0d1b2a;letter-spacing:-.5px;font-size:24px;font-weight:800}.ob-domain-pct{letter-spacing:-1px;flex-shrink:0;font-size:24px;font-weight:800}.ob-vibe{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:6px;font-size:20px;font-weight:700}.ob-desc{color:#475569;margin-bottom:1.5rem;font-size:15px;line-height:1.7}.question-list{gap:1rem;display:grid}.question-card{box-shadow:none;background:0 0;border:none;padding:0}.field-label{color:#374151;margin-bottom:14px;font-size:15px;font-weight:600;line-height:1.5;display:block}.option-grid{gap:10px;display:grid}.cols-1{grid-template-columns:1fr}.ob-opt-new{text-align:left!important;cursor:pointer!important;background:#ffffffe6!important;border:1.5px solid #2563eb1f!important;border-radius:16px!important;align-items:center!important;gap:14px!important;width:100%!important;padding:14px 18px!important;font-family:Inter,sans-serif!important;transition:all .18s!important;display:flex!important;box-shadow:0 1px 4px #0000000a!important}.ob-opt-new:hover{background:#fff!important;border-color:#2563eb40!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #2563eb1a!important}.ob-opt-new.selected{background:#fff!important;transform:translateY(-2px)scale(1.01)!important}.ob-opt-emoji{text-align:center;flex-shrink:0;width:36px;font-size:26px}.ob-opt-text{flex-direction:column;flex:1;gap:2px;display:flex}.ob-opt-label{color:#0d1b2a;font-size:15px;font-weight:600;line-height:1.2}.ob-opt-sub{color:#64748b;font-size:13px;font-weight:400}.ob-opt-new.selected .ob-opt-sub{color:#475569}.ob-opt-check{text-align:center;flex-shrink:0;width:20px;font-size:16px;font-weight:700}.validation-text{color:#d85a30;background:#faece7e6;border:1px solid #d85a301f;border-radius:12px;margin-top:1rem;padding:10px 14px;font-size:14px;font-weight:600}.ob-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:2rem;display:flex}.btn-spacer{width:100px}.btn-back{color:#475569;cursor:pointer;background:#fffc;border:1.5px solid #2563eb2e;border-radius:14px;padding:12px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.btn-back:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb4d;transform:translateY(-1px)}.btn-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;flex:1;padding:14px 24px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 8px 24px #2563eb40}.btn-next:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2563eb59}.btn-next.full{flex:unset;width:100%}.ob-step-meta{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}.ob-step-pill{color:#1d4ed8;letter-spacing:.3px;background:#2563eb14;border:1px solid #2563eb24;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.ob-step-pill.soft{color:#1a7a5e;background:#1d9e7512;border-color:#1d9e751f}.ob-eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:#4a9edb;margin-bottom:10px;font-size:12px;font-weight:700}.ob-title{color:#0d1b2a;letter-spacing:-.5px;margin-bottom:10px;font-size:26px;font-weight:800;line-height:1.1}.snapshot-hero{background:linear-gradient(135deg,#0f1f2a 0%,#163248 54%,#1c4350 100%);border:1px solid #4a9edb1a;border-radius:22px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:1.2rem;margin-bottom:1.25rem;padding:1.25rem;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 48px #0f1f2a2e}.snapshot-particles{pointer-events:none;position:absolute;inset:0}.snapshot-particle{opacity:.7;background:radial-gradient(circle,#ffffffe6,#0000);border-radius:999px;position:absolute}.particle-a{width:10px;height:10px;animation:5.8s ease-in-out infinite driftSpark;top:18%;right:15%}.particle-b{width:7px;height:7px;animation:4.9s ease-in-out -1.8s infinite driftSpark;top:54%;right:34%}.particle-c{width:12px;height:12px;animation:6.4s ease-in-out -3.1s infinite driftSpark;top:28%;right:42%}@keyframes driftSpark{0%,to{opacity:.35;transform:translate(0)scale(.9)}50%{opacity:.95;transform:translate(-8px,-12px)scale(1.25)}}.snapshot-copy{z-index:1;position:relative}.snapshot-kicker{letter-spacing:1px;text-transform:uppercase;color:#bedfffcc;margin-bottom:8px;font-size:11px;font-weight:700}.snapshot-headline{color:#f6fbff;text-transform:capitalize;letter-spacing:-.5px;margin-bottom:10px;font-size:26px;font-weight:800;line-height:1}.snapshot-body{color:#dbebf7d9;max-width:32ch;font-size:14px;line-height:1.7}.score-ring-wrap{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.score-ring{filter:drop-shadow(0 10px 24px #4a9edb33);width:130px;height:130px;position:relative}.score-ring-glow{filter:blur(2px);background:radial-gradient(circle,#8ed8ff38,#0000 70%);border-radius:50%;animation:3.8s ease-in-out infinite ringPulse;position:absolute;inset:16px}.score-ring-svg{width:100%;height:100%;display:block}.score-number{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-num{color:#f6fbff;font-size:36px;font-weight:800;line-height:1}.score-sub{color:#d6e7f2bf;margin-top:3px;font-size:11px}.score-caption{letter-spacing:.7px;text-transform:uppercase;color:#dbebf7b3;font-size:11px;font-weight:700}@keyframes ringPulse{0%,to{opacity:.7;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}.result-tagline{color:#475569;margin-bottom:1.25rem;font-size:14px;line-height:1.7}.result-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.25rem;display:grid}.result-item{border:1px solid #2563eb1a;border-radius:16px;padding:16px}.result-item.strength{background:linear-gradient(135deg,#edf7ff,#f6fbff);border-color:#4a9edb26}.result-item.risk{background:linear-gradient(135deg,#fff3e4,#fff8ed);border-color:#ef9f272e}.result-item-label{letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.result-item.strength .result-item-label{color:#4a9edb}.result-item.risk .result-item-label{color:#ef9f27}.result-item-text{font-size:14px;font-weight:600;line-height:1.4}.result-item.strength .result-item-text{color:#1e5d95}.result-item.risk .result-item-text{color:#7a5a10}.disclaimer{color:#374151;background:linear-gradient(135deg,#ebf5ffeb,#f6faffeb);border-left:3px solid #4a9edb;border-radius:0 14px 14px 0;margin-bottom:1.5rem;padding:12px 14px;font-size:13px;line-height:1.7}@media (width<=640px){.ob-wrap{padding-inline:1rem;padding-top:64px}.ob-card{border-radius:22px;padding:1.25rem}.ob-domain-title{font-size:20px}.result-grid{grid-template-columns:1fr}.snapshot-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.snapshot-body{max-width:100%}.ob-footer{flex-direction:column}.btn-back,.btn-next,.btn-spacer{width:100%}}@media (prefers-reduced-motion:reduce){.ob-ambient,.score-ring,.ob-card{animation:none}.ob-progress-fill,.ob-opt-new,.btn-back,.btn-next{transition:none}}.neural-canvas{pointer-events:none;z-index:0;opacity:.45;width:100%;height:100%;position:fixed;top:0;left:0}.dash-wrap{z-index:1;max-width:1100px;margin:0 auto;padding:80px 1.25rem 4rem;position:relative}.dash-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.dash-greeting{color:#374151;margin-bottom:4px;font-size:15px;font-weight:500}.dash-name{color:#1a2e28;font-size:26px;font-weight:600}.dash-date{color:#374151;text-align:right;font-size:15px;font-weight:500;line-height:1.6}.pet-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:.5px solid #4a9edb2e;border-radius:28px;align-items:center;gap:32px;margin-bottom:1.25rem;padding:1.75rem 2rem;display:flex;box-shadow:0 6px 32px #4a9edb1a}.pet-left{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.pet-svg-wrap{cursor:pointer;filter:drop-shadow(0 8px 24px #0000001f);transition:filter .3s;display:inline-block}.pet-svg-wrap:hover{filter:drop-shadow(0 12px 28px #0000002e)}.pet-anim-bounce{animation:1.4s cubic-bezier(.4,0,.2,1) infinite petBounce}@keyframes petBounce{0%,to{transform:translateY(0)scaleY(1)scaleX(1)}40%{transform:translateY(-14px)scaleY(1.04)scaleX(.97)}55%{transform:translateY(-10px)scaleY(.97)scaleX(1.02)}70%{transform:translateY(-4px)scaleY(1.01)scaleX(.99)}}.pet-anim-sway{transform-origin:bottom;animation:3s ease-in-out infinite petSway}@keyframes petSway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.pet-anim-slow{animation:5s ease-in-out infinite petSlow}@keyframes petSlow{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(5px)scaleY(.97)}}.pet-anim-jitter{animation:.55s ease-in-out infinite petJitter}@keyframes petJitter{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-3px)rotate(-1.2deg)}40%{transform:translate(3px)rotate(1.2deg)}60%{transform:translate(-2px)rotate(-.6deg)}80%{transform:translate(2px)rotate(.6deg)}}.pet-anim-sad{animation:4s ease-in-out infinite petSad}@keyframes petSad{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(4px)scale(.97)}}.pet-poke{animation:.5s cubic-bezier(.36,.07,.19,.97) forwards petPoke}@keyframes petPoke{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.18)rotate(-6deg)}55%{transform:scale(.92)rotate(4deg)}80%{transform:scale(1.05)rotate(-2deg)}to{transform:scale(1)rotate(0)}}.pet-sparkle{animation:2.2s ease-in-out infinite alternate sparkleFloat}.pet-sp1{animation-delay:0s}.pet-sp2{animation-delay:.5s}.pet-sp3{animation-delay:1s}.pet-sp4{animation-delay:1.5s}@keyframes sparkleFloat{0%{transform:translateY(0)scale(1)rotate(0)}to{transform:translateY(-8px)scale(1.2)rotate(20deg)}}.pet-float{animation:2.5s ease-in-out infinite alternate heartFloat}.pet-fl1{animation-delay:0s}.pet-fl2{animation-delay:1s}@keyframes heartFloat{0%{opacity:.85;transform:translateY(0)scale(1)}to{opacity:.6;transform:translateY(-10px)scale(1.15)}}.pet-zzz{animation:2.8s ease-in-out infinite zzzFloat}.pet-z1{animation-delay:0s}.pet-z2{animation-delay:.7s}.pet-z3{animation-delay:1.4s}@keyframes zzzFloat{0%{transform:translateY(0) opacity: .85}50%{opacity:.5;transform:translateY(-12px)}to{opacity:0;transform:translateY(-22px)}}.pet-tear{animation:2s ease-in infinite tearDrop}.pet-t1{animation-delay:0s}.pet-t2{animation-delay:.9s}@keyframes tearDrop{0%{opacity:.9;transform:translateY(0)}70%{opacity:.4;transform:translateY(18px)}to{opacity:0;transform:translateY(22px)}}.pet-poke-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4a9edb,#2b6cb0);border:none;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 12px #4a9edb59}.pet-poke-btn:hover{transform:translateY(-1px)scale(1.03);box-shadow:0 6px 18px #4a9edb73}.pet-poke-btn:active{transform:scale(.97)}.pet-right{flex-direction:column;flex:1;gap:14px;display:flex}.pet-name-row{align-items:center;gap:12px;display:flex}.pet-name{color:#1a2e28;font-size:28px;font-weight:700}.pet-status-badge{letter-spacing:.3px;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:700}.badge-ecstatic,.badge-happy{color:#065f46;background:#d1fae5}.badge-content{color:#1e40af;background:#dbeafe}.badge-tired{color:#3730a3;background:#e0e7ff}.badge-stressed{color:#92400e;background:#fef3c7}.badge-sad{color:#1e293b;background:#f1f5f9}.pet-speech-bubble{background:#fff;border:.5px solid #4a9edb26;border-radius:20px;padding:16px 20px;position:relative;box-shadow:0 4px 20px #00000014}.pet-speech-arrow{filter:drop-shadow(-2px 0 2px #4a9edb14);border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:14px solid #fff;width:0;height:0;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.pet-speech-text{color:#1a2e28;font-size:15px;line-height:1.6;display:block}.pet-speech-poke{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards speechPop}@keyframes speechPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pet-overall-row{align-items:baseline;gap:8px;display:flex}.pet-overall-label{color:#374151;font-size:14px;font-weight:600}.pet-overall-score{color:#1a2e28;font-size:32px;font-weight:700;line-height:1}.pet-overall-max{color:#374151;font-size:16px;font-weight:400}.pet-stats-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;will-change:transform;background:#ffffffe6;border:.5px solid #4a9edb26;border-radius:24px;flex-direction:column;gap:18px;margin-bottom:0;padding:1.5rem 1.75rem;display:flex;box-shadow:0 4px 20px #4a9edb14}.pet-stat-row{grid-template-columns:90px 1fr 36px 100px;align-items:center;gap:12px;display:grid}.pet-stat-icon-label{align-items:center;gap:8px;display:flex}.pet-stat-icon{font-size:20px}.pet-stat-label{color:#1a2e28;font-size:13px;font-weight:600}.pet-stat-track{background:#f0f4f8;border-radius:8px;height:14px;position:relative;overflow:hidden}.pet-stat-fill{border-radius:8px;width:0;animation:1.3s cubic-bezier(.4,0,.2,1) .2s forwards statBarGrow;position:absolute;inset:0}.pet-stat-fill.tone-good{background:linear-gradient(90deg,#4a9edb,#3dc99a)}.pet-stat-fill.tone-warn{background:linear-gradient(90deg,#f59e0b,#ef9f27)}.pet-stat-fill.tone-bad{background:linear-gradient(90deg,#ef4444,#d85a30)}@keyframes statBarGrow{0%{width:0}to{width:var(--stat-w)}}.pet-stat-segments{pointer-events:none;display:flex;position:absolute;inset:0}.pet-stat-seg{border-right:1.5px solid #ffffff80;flex:1}.pet-stat-seg:last-child{border-right:none}.pet-stat-num{text-align:right;font-size:18px;font-weight:700}.pet-stat-copy{text-align:left;font-size:13px;font-weight:700}.pet-stat-num.tone-good,.pet-stat-copy.tone-good{color:#4a9edb}.pet-stat-num.tone-warn,.pet-stat-copy.tone-warn{color:#ef9f27}.pet-stat-num.tone-bad,.pet-stat-copy.tone-bad{color:#d85a30}.section-heading{letter-spacing:.08em;text-transform:uppercase;color:#1e293b;margin-top:2rem;margin-bottom:12px;font-size:15px;font-weight:700}.toast-stack{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.toast-card{transform-style:preserve-3d;will-change:transform;border-radius:20px;align-items:stretch;animation:.4s cubic-bezier(.4,0,.2,1) forwards toastSlideIn;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000001a}.toast-card.toast-warn{background:linear-gradient(135deg,#f59e0b,#d97706)}.toast-card.toast-bad{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-card.toast-good{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast-left{justify-content:center;align-items:center;padding:1.25rem;display:flex}.toast-icon-wrap{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.toast-emoji{z-index:1;font-size:32px}.toast-pulse{border-radius:50%;animation:2s ease-in-out infinite toastPulse;position:absolute;inset:0}.toast-card.toast-warn .toast-pulse{background:#ef9f2740}.toast-card.toast-bad .toast-pulse{background:#d85a3040}.toast-card.toast-good .toast-pulse{background:#4a9edb40}.toast-body{flex:1;padding:1.25rem 0}.toast-tag{letter-spacing:.8px;text-transform:uppercase;color:#fffc;margin-bottom:4px;font-size:11px;font-weight:700}.toast-title{color:#fff;margin-bottom:4px;font-size:18px;font-weight:700}.toast-score{color:#fff;margin-bottom:4px;font-size:36px;font-weight:700;line-height:1}.toast-score span{color:#fff9;font-size:16px;font-weight:400}.toast-desc{color:#ffffffb3;font-size:13px;line-height:1.5}.toast-dismiss{color:#fff9;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:1rem;font-size:20px;transition:color .15s}.toast-dismiss:hover{color:#fff}.dismissed-section{margin-bottom:10px}.dismissed-toggle{color:#4a9edb;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.dismissed-list{background:#f7f9fb;border-radius:8px;margin-top:8px;padding:10px 14px}.dismissed-item{color:#374151;padding:4px 0;font-size:14px}.standout-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:.5rem;display:grid}.standout-card{text-align:center;transform-style:preserve-3d;will-change:transform;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:1rem;transition:box-shadow .3s;display:flex}.standout-card:hover{box-shadow:0 10px 28px #0000001c}.standout-card.green{background:#ebf5ff}.standout-card.red{background:#fef3eb}.standout-card.blue{background:#ebf5ff}.standout-card.amber{background:#faeeda}.standout-img{object-fit:cover;border-radius:12px;width:64px;height:64px;margin-bottom:4px;box-shadow:0 4px 12px #0000001a}.standout-label{letter-spacing:.5px;text-transform:uppercase;color:#1e293b;font-size:13px;font-weight:700}.standout-domain{color:#1a2e28;font-size:14px;font-weight:600;line-height:1.3}.standout-score{color:#374151;font-size:13px;font-weight:500}.standout-bar-track{background:#00000014;border-radius:3px;width:100%;height:5px;margin-top:8px;overflow:hidden}.standout-bar-fill{border-radius:3px;width:0;height:5px;animation:1.2s cubic-bezier(.4,0,.2,1) .3s forwards barGrow}.standout-bar-fill.green{background:#4a9edb}.standout-bar-fill.red{background:#d85a30}.standout-bar-fill.blue{background:#4a9edb}.standout-bar-fill.amber{background:#ef9f27}@keyframes barGrow{0%{width:0}to{width:var(--target-width)}}.insights-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:.75rem;display:grid}.insights-subhead{color:#64748b;margin-top:-.45rem;margin-bottom:.8rem;font-size:13px;font-weight:600}.insight-card{transform-style:preserve-3d;will-change:transform;background:#ffffffeb;border:.5px solid #4a9edb26;border-radius:18px;flex-direction:column;min-height:260px;padding:.7rem 1rem .9rem;animation:.5s both insightPop;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.insight-card:nth-child(2){animation-delay:80ms}.insight-card:nth-child(3){animation-delay:.16s}.insight-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:34%;height:100%;animation:4.8s ease-in-out infinite insightSweep;position:absolute;inset:5px auto auto -35%;transform:skew(-18deg)}.insight-card:before{content:"";background:#4a9edb;height:5px;position:absolute;inset:0 0 auto}.insight-card:hover{box-shadow:0 14px 30px #0f172a1a}.insight-card.sleep_rhythm:before{background:#4a9edb}.insight-card.move_mode:before{background:#1d9e75}.insight-card.cognitive_strain:before{background:#d85a30}.insight-card.social_energy:before{background:#8b5cf6}.insight-visual{background:#eef6fb;border-radius:14px;height:96px;margin:.25rem 0 .85rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80}.insight-visual img{object-fit:cover;filter:saturate(1.08)contrast(.96);width:100%;height:100%;animation:7s ease-in-out infinite insightImageDrift;display:block;transform:scale(1.04)}.insight-visual:after{content:"";background:linear-gradient(135deg,#1a2e2814,#ffffff57);position:absolute;inset:0}.insight-float{z-index:1;background:#ffffffd1;border-radius:999px;animation:3.6s ease-in-out infinite insightBubbleFloat;position:absolute;box-shadow:0 8px 18px #0f172a1f}.insight-float-one{width:18px;height:18px;top:14px;right:18px}.insight-float-two{width:10px;height:10px;animation-delay:-1.1s;bottom:18px;right:46px}.insight-float-three{width:7px;height:7px;animation-delay:-2s;bottom:16px;left:18px}.insight-topline{justify-content:space-between;align-items:center;gap:10px;margin-bottom:.7rem;display:flex}.insight-chip{text-transform:uppercase;color:#2f75b5;background:#e6f1fb;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.insight-chip.sleep_rhythm{color:#2f75b5;background:#e6f1fb}.insight-chip.move_mode{color:#147a5a;background:#eaf7f1}.insight-chip.cognitive_strain{color:#b84420;background:#fdede7}.insight-chip.social_energy{color:#6d45c4;background:#f1ecfe}.insight-icon{border-radius:999px;flex:0 0 16px;width:16px;height:16px;animation:2.6s ease-in-out infinite insightIconFloat;display:inline-block;position:relative}.insight-icon:before,.insight-icon:after{content:"";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.insight-icon-moon{background:#dbeafe;box-shadow:inset -5px 0 #60a5fa}.insight-icon-bolt{background:#dcfce7}.insight-icon-bolt:before{clip-path:polygon(55% 0,100% 0,62% 45%,100% 45%,35% 100%,52% 55%,0 55%);background:#16a34a;width:7px;height:12px}.insight-icon-phone{background:#fee2e2}.insight-icon-phone:before{border:2px solid #dc2626;border-radius:3px;width:8px;height:12px}.insight-icon-chat{background:#ede9fe}.insight-icon-chat:before{background:#7c3aed;border-radius:5px 5px 5px 2px;width:10px;height:8px}.insight-time{color:#0f766e;text-transform:uppercase;white-space:nowrap;background:#ccfbf1;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;animation:2.4s ease-in-out infinite insightPulse}.insight-eyebrow{color:#64748b;margin-bottom:5px;font-size:12px;font-weight:800}.insight-title{color:#1a2e28;margin:0 0 7px;font-size:18px;line-height:1.2}.insight-copy{color:#374151;margin:0 0 13px;font-size:13px;line-height:1.45}.insight-plan{gap:7px;margin-top:auto;margin-bottom:12px;display:grid}.insight-step{background:#f8fafc;border:1px solid #e8eef5;border-radius:10px;grid-template-columns:22px 1fr;align-items:center;gap:8px;padding:7px 8px;transition:transform .2s,background .2s;display:grid}.insight-step:hover{background:#fff;transform:translate(3px)}.insight-step span{color:#2563eb;background:#e0f2fe;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.insight-step p{color:#1f2937;margin:0;font-size:13px;font-weight:650;line-height:1.25}.insight-source{color:#64748b;width:fit-content;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.insight-source:hover{text-decoration:underline}@keyframes insightPop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes insightSweep{0%,58%{opacity:0;left:-40%}68%{opacity:1}88%{opacity:0;left:108%}to{opacity:0;left:108%}}@keyframes insightIconFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(6deg)}}@keyframes insightPulse{0%,to{box-shadow:0 0 #14b8a600}50%{box-shadow:0 0 0 5px #14b8a61f}}@keyframes insightImageDrift{0%,to{transform:scale(1.04)translate(0)}50%{transform:scale(1.1)translate(-6px)}}@keyframes insightBubbleFloat{0%,to{opacity:.8;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-7px)scale(1.08)}}@media (prefers-reduced-motion:reduce){.insight-card,.insight-card:after,.insight-visual img,.insight-float,.insight-icon,.insight-time{animation:none}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes toastPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}}@media (width<=600px){.pet-section{flex-direction:column}.pet-speech-arrow{display:none}.standout-grid{grid-template-columns:repeat(2,1fr)}.insights-grid{grid-template-columns:1fr}.pet-stat-row{grid-template-columns:80px 1fr 36px}.pet-stat-copy{display:none}}.toast-tip{color:#1e40af;background:#dbeafe80;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:13px;line-height:1.5}.standout-expanded{border-top:1px solid #ffffff4d;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;animation:.2s fadeIn;display:flex}.standout-indicator{color:#1e293b;justify-content:space-between;font-size:13px;font-weight:500;display:flex}.standout-indicator span{color:#0d1b2a;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pet-middle{border-right:1px solid #4a9edb1f;flex-direction:column;flex:1;justify-content:center;gap:12px;padding:0 2rem;display:flex}.pet-vitals{flex-direction:column;flex:1.1;justify-content:center;gap:14px;padding-left:2rem;display:flex}.pet-vitals-heading{letter-spacing:.08em;text-transform:uppercase;color:#1e293b;margin-bottom:2px;font-size:14px;font-weight:700}.checkin-prompt-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f1e328c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.checkin-prompt-box{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:420px;padding:2.5rem 2rem;animation:.35s cubic-bezier(.22,1,.36,1) checkinSlideUp;box-shadow:0 24px 60px #0003}@keyframes checkinSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.checkin-prompt-emoji{filter:drop-shadow(0 4px 12px #4a9edb33);margin-bottom:1rem;font-size:52px}.checkin-prompt-title{color:#0d1b2a;letter-spacing:-.4px;margin-bottom:10px;font-size:22px;font-weight:800}.checkin-prompt-sub{color:#475569;margin-bottom:1.75rem;font-size:15px;line-height:1.65}.checkin-prompt-actions{flex-direction:column;gap:10px;display:flex}.checkin-prompt-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:12px;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:block;box-shadow:0 6px 20px #2563eb4d}.checkin-prompt-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #2563eb66}.checkin-prompt-dismiss{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:8px;font-size:14px;font-weight:500;transition:color .2s}.checkin-prompt-dismiss:hover{color:#475569}.sleep-chart-card,.physical-chart-card{background:#fff;border:.5px solid #4a9edb26;border-radius:24px;margin-bottom:1.25rem;padding:1.5rem 1.75rem;box-shadow:0 4px 20px #4a9edb14}.sleep-chart-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem;display:flex}.sleep-chart-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#4a9edb;margin-bottom:6px;font-size:11px;font-weight:700}.sleep-chart-title{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:6px;font-size:18px;font-weight:700}.sleep-chart-copy{color:#374151;max-width:420px;font-size:13px;line-height:1.6}.sleep-chart-toggle{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.sleep-chart-tab{color:#374151;cursor:pointer;white-space:nowrap;text-align:left;background:#fff;border:1.5px solid #4a9edb33;border-radius:50px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .18s}.sleep-chart-tab:hover{color:#1a6fa8;border-color:#4a9edb}.sleep-chart-tab.active{color:#fff;background:#4a9edb;border-color:#4a9edb;font-weight:600}.sleep-chart-highlight{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.25rem;display:grid}.sleep-highlight-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.sleep-highlight-label{letter-spacing:.1em;text-transform:uppercase;color:#374151;font-size:11px;font-weight:700}.sleep-highlight-value{color:#0d1b2a;font-size:16px;font-weight:700}.sleep-chart-shell{position:relative}.sleep-chart-svg{width:100%;height:auto;display:block;overflow:visible}.sleep-grid-line{stroke:#e2e8f0;stroke-width:1px}.sleep-axis-text{fill:#0d1b2a;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.sleep-axis-text.left{text-anchor:end}.sleep-axis-pill{fill:#e8f4ff;stroke:#4a9edb40;stroke-width:1px}.sleep-chart-svg text.sleep-axis-text:not(.left):not(.sleep-average-label){fill:#0d1b2a;font-size:11px;font-weight:600}.sleep-average-line{stroke:#94a3b8;stroke-width:1.5px;stroke-dasharray:6 4}.sleep-average-label{fill:#374151;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.sleep-user-marker-group{cursor:pointer}.sleep-user-marker-ring{fill:#d977062e;stroke:#d97706;stroke-width:2px}.sleep-user-marker-dot{fill:#d97706}.sleep-user-popup{text-align:left;cursor:pointer;z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:200px;padding:14px 18px;position:absolute;bottom:60px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000001f}.sleep-user-popup-label{letter-spacing:.08em;text-transform:uppercase;color:#d97706;margin-bottom:4px;font-size:11px;font-weight:700}.sleep-user-popup-title{color:#0d1b2a;margin-bottom:4px;font-size:15px;font-weight:700}.sleep-user-popup-copy{color:#374151;font-size:13px;line-height:1.5}.sleep-tooltip{pointer-events:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:160px;padding:10px 14px;position:absolute;top:0;right:0;box-shadow:0 4px 16px #0000001a}.sleep-tooltip-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:3px;font-size:11px;font-weight:700}.sleep-tooltip-title{color:#0d1b2a;margin-bottom:2px;font-size:14px;font-weight:700}.sleep-tooltip-value{color:#374151;font-size:13px;font-weight:500}.hub-wrap{max-width:1100px;margin:0 auto;padding:80px 1.25rem 4rem}.hub-header{margin-bottom:1.5rem}.hub-title{color:#1a2e28;margin-bottom:6px;font-size:28px;font-weight:600}.hub-sub{color:#5a7a70;font-size:14px;line-height:1.6}.recommendation-panel{background:linear-gradient(135deg,#f8fcff,#eef7ff);border:1px solid #4a9edb2e;border-radius:20px;margin-bottom:1.5rem;padding:1.25rem}.recommendation-eyebrow{letter-spacing:.8px;text-transform:uppercase;color:#4a9edb;margin-bottom:8px;font-size:11px;font-weight:700}.recommendation-copy{color:#37544a;margin-bottom:1rem;font-size:14px;line-height:1.6}.recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.recommended-pill{color:#1a2e28;text-align:left;cursor:pointer;background:#fff;border:.5px solid #1d9e752e;border-radius:14px;align-items:flex-start;gap:10px;padding:.9rem 1rem;display:flex}.recommended-pill:hover{border-color:#4a9edb;transform:translateY(-1px)}.recommended-topic{border-radius:999px;flex-shrink:0;padding:5px 8px;font-size:11px;font-weight:700;line-height:1}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:1.5rem;display:flex}.filter-btn{cursor:pointer;color:#5a7a70;background:#fff;border:.5px solid #1d9e754d;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .18s}.filter-btn:hover{color:#2b6cb0;border-color:#4a9edb}.filter-btn.active{color:#fff;background:#4a9edb;border-color:#4a9edb}.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.article-card{cursor:pointer;color:inherit;text-align:left;background:#fff;border:.5px solid #1d9e7526;border-radius:18px;padding:0;transition:all .2s;overflow:hidden;box-shadow:0 1px 4px #1d9e7514}.article-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #1d9e751f}.article-cover{align-items:end;height:110px;padding:1rem;display:flex;position:relative;overflow:hidden}.article-cover.sleep_rhythm{background:linear-gradient(135deg,#e6f1fb,#b5d4f4)}.article-cover.move_mode{background:linear-gradient(135deg,#eaf3de,#c0dd97)}.article-cover.cognitive_strain{background:linear-gradient(135deg,#faeeda,#f7ce85)}.article-cover.social_energy{background:linear-gradient(135deg,#faece7,#f2c8ba)}.article-cover-label{color:#1a2e28;letter-spacing:.4px;text-transform:uppercase;z-index:1;background:#ffffffdb;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.article-cover-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.article-cover:after{content:"";background:linear-gradient(#ffffff14,#1a2e2847);position:absolute;inset:0}.article-body{padding:1.1rem 1.25rem}.article-meta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.source-badge{border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}.source-badge.healthdirect{color:#185fa5;background:#e6f1fb}.source-badge.headspace{color:#2b6cb0;background:#ebf5ff}.source-badge.who{color:#3b6d11;background:#eaf3de}.source-badge.reachout{color:#8f3c20;background:#faece7}.source-badge.cdc{color:#256a61;background:#e8f2f1}.read-time{color:#90b4d4;flex-shrink:0;font-size:11px}.article-title{color:#1a2e28;margin-bottom:8px;font-size:15px;font-weight:500;line-height:1.4}.article-summary{color:#5a7a70;font-size:13px;line-height:1.6}.article-tag{border-radius:20px;margin-top:10px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-block}.article-tag.sleep_rhythm,.recommended-topic.sleep_rhythm{color:#185fa5;background:#e6f1fb}.article-tag.move_mode,.recommended-topic.move_mode{color:#3b6d11;background:#eaf3de}.article-tag.cognitive_strain,.recommended-topic.cognitive_strain{color:#8e6511;background:#faeeda}.article-tag.social_energy,.recommended-topic.social_energy{color:#8f3c20;background:#faece7}.modal-overlay{z-index:200;background:#1a2e2880;justify-content:center;align-items:flex-start;padding:80px 1rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:#fff;border-radius:24px;width:100%;max-width:600px;margin-bottom:1rem;overflow:hidden;box-shadow:0 20px 60px #0003}.modal-bar{height:5px}.modal-bar.sleep_rhythm{background:#378add}.modal-bar.move_mode{background:#76b9e8}.modal-bar.cognitive_strain{background:#ef9f27}.modal-bar.social_energy{background:#d97855}.modal-header{border-bottom:.5px solid #1d9e7526;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;display:flex}.modal-meta{align-items:center;gap:8px;margin-bottom:10px;display:flex}.modal-title{color:#1a2e28;font-size:20px;font-weight:600;line-height:1.35}.modal-close{cursor:pointer;color:#90b4d4;background:#f7f9f8;border:.5px solid #1d9e7526;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:12px;font-size:16px;display:flex}.modal-close:hover{color:#2b6cb0;background:#ebf5ff}.modal-body{padding:1.5rem}.modal-summary{color:#5a7a70;border-bottom:.5px solid #1d9e7526;margin-bottom:1.5rem;padding-bottom:1.5rem;font-size:15px;line-height:1.7}.modal-hero-img{object-fit:cover;border-radius:16px;width:100%;height:220px;margin-bottom:1.25rem}.modal-source-box{background:#f7f9f8;border:.5px solid #1d9e7526;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:12px 16px;display:flex}.modal-source-label{color:#90b4d4;letter-spacing:.5px;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:600}.modal-source-name{color:#1a2e28;font-size:13px;font-weight:500}.modal-source-link{color:#4a9edb;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none}.modal-source-link:hover{text-decoration:underline}@media (width<=700px){.recommended-grid,.articles-grid{grid-template-columns:1fr}}.ht-page{max-width:1100px;margin:0 auto;padding:40px 24px 80px;font-family:Inter,sans-serif}.ht-loading{text-align:center;color:#64748b;padding:80px;font-size:16px}.ht-header{margin-bottom:32px}.ht-header h1{color:#0d1b2a;letter-spacing:-.5px;margin-bottom:8px;font-size:36px;font-weight:700}.ht-header p{color:#374151;margin-bottom:24px;font-size:17px}.ht-tabs{border-bottom:1.5px solid #e2e8f0;gap:8px;display:flex}.ht-tab{color:#374151;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1.5px;padding:10px 20px;font-size:16px;font-weight:500;transition:all .2s}.ht-tab.active{color:#2563eb;border-bottom-color:#2563eb}.ht-already-done{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:16px}.ht-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;box-shadow:0 2px 12px #0000000d}.ht-field{margin-bottom:32px}.ht-field label{color:#0d1b2a;margin-bottom:4px;font-size:18px;font-weight:600;display:block}.ht-field-desc{color:#374151;margin-bottom:14px;font-size:15px}.ht-sleep-options{flex-wrap:wrap;gap:10px;display:flex}.ht-option{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;padding:10px 18px;font-size:16px;font-weight:500;transition:all .2s}.ht-option:hover{color:#2563eb;border-color:#2563eb}.ht-option.selected{color:#fff;background:#2563eb;border-color:#2563eb}.ht-activity-toggle{gap:12px;display:flex}.ht-toggle-btn{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;padding:12px;font-size:16px;font-weight:500;transition:all .2s}.ht-toggle-btn.active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.ht-success{color:#15803d;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:14px}.ht-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:50px;width:100%;padding:14px;font-size:18px;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #2563eb4d}.ht-submit:hover:not(:disabled){transform:translateY(-1px)}.ht-submit:disabled{opacity:.5;cursor:not-allowed}.ht-range-toggle{gap:8px;margin-bottom:24px;display:flex}.ht-range-toggle button{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;padding:8px 20px;font-size:16px;font-weight:500;transition:all .2s}.ht-range-toggle button.active{color:#fff;background:#2563eb;border-color:#2563eb}.ht-empty{text-align:center;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:60px;font-size:17px}.ht-history-list{flex-direction:column;gap:12px;display:flex}.ht-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 1px 4px #0000000a}.ht-history-date{color:#0d1b2a;flex-shrink:0;min-width:130px;font-size:16px;font-weight:700}.ht-history-stats{flex-wrap:wrap;gap:8px;display:flex}.ht-stat{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.ht-stat-label{display:none}.ht-stat-value{color:#0d1b2a;font-size:14px;font-weight:600}.ht-stat-value.active{color:#16a34a}.ht-stat-value.inactive{color:#0d1b2a}.ht-summary-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.ht-summary-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000a}.ht-summary-num{color:#2563eb;letter-spacing:-1px;font-size:32px;font-weight:700}.ht-summary-label{color:#1e293b;margin-top:4px;font-size:14px;font-weight:500}.ht-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:16px;padding:24px;box-shadow:0 2px 8px #0000000a}.ht-chart-card h3{color:#0d1b2a;margin-bottom:16px;font-size:17px;font-weight:600}.ht-chart-legend{color:#1e293b;gap:16px;margin-top:12px;font-size:14px;font-weight:500;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.ht-history-list h3{color:#0d1b2a;margin-bottom:12px;font-size:17px;font-weight:600}.progress-page{max-width:1100px;margin:0 auto;padding:40px 24px 80px;font-family:Inter,sans-serif}.progress-loading{color:#374151;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px;display:flex}.progress-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-hero{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #dbeafe;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:32px 40px;display:flex}.progress-hero-text h1{color:#0d1b2a;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:700}.progress-hero-text p{color:#374151;font-size:17px;line-height:1.6}.progress-hero-visual{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.progress-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.progress-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:transform .2s;display:flex;box-shadow:0 2px 8px #0000000a}.progress-stat-card:hover{transform:translateY(-2px)}.stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.flame .stat-icon{background:#fff7ed}.calendar .stat-icon{background:#eff6ff}.trophy .stat-icon{background:#fffbeb}.stat-number{color:#0d1b2a;letter-spacing:-1px;font-size:28px;font-weight:700}.stat-label{color:#1e293b;margin-top:2px;font-size:14px;font-weight:500}.progress-next{background:#fff;border:1px solid #dbeafe;border-radius:16px;margin-bottom:28px;padding:24px;box-shadow:0 2px 8px #0000000a}.progress-next-header{color:#1e293b;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:16px;display:flex}.progress-next-header strong{color:#2563eb}.progress-bar-bg{background:#e2e8f0;border-radius:50px;height:10px;margin-bottom:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:50px;height:100%;transition:width .8s}.progress-next p{color:#374151;font-size:15px}.milestones-section{margin-bottom:32px}.milestones-section h2{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:16px;font-size:20px;font-weight:700}.milestones-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.milestone-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.milestone-card.unlocked{border-color:#bfdbfe;box-shadow:0 4px 16px #2563eb14}.milestone-card.locked{opacity:1;background:#f5f7ff;border-color:#c7d2fe}.milestone-icon{border:2px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.milestone-card.unlocked .milestone-icon{background:#eff6ff}.milestone-card.locked .milestone-icon{background:#e0e7ff;border-color:#a5b4fc}.milestone-label{margin-bottom:3px;font-size:15px;font-weight:700}.milestone-desc{color:#374151;font-size:14px;font-weight:500}.milestone-badge{color:#fff;white-space:nowrap;border-radius:50px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:600}.recent-section h2{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:16px;font-size:20px;font-weight:700}.recent-list{flex-direction:column;gap:10px;display:flex}.recent-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.recent-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.recent-date{color:#0d1b2a;min-width:120px;font-size:16px;font-weight:700}.recent-tags{flex-wrap:wrap;gap:8px;display:flex}.recent-tag{color:#0d1b2a;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:50px;padding:6px 12px;font-size:14px;font-weight:600}.recent-tag.green{color:#16a34a;background:#f0fdf4}.games-section{margin-bottom:32px}.games-section h2{color:#0d1b2a;letter-spacing:-.3px;margin-bottom:16px;font-size:20px;font-weight:700}.games-list{flex-direction:column;gap:10px;display:flex}.game-score-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 1px 4px #0000000a}.game-score-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.game-score-info{flex:1}.game-score-name{color:#0d1b2a;font-size:14px;font-weight:600}.game-score-date{color:#1e293b;margin-top:2px;font-size:14px;font-weight:500}.game-score-result{text-align:right}.game-score-num{color:#0d1b2a;font-size:16px;font-weight:700}.game-score-rating{margin-top:2px;font-size:12px;font-weight:600}.ht-guest-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 20px;font-size:15px;font-weight:500;display:flex}.ht-guest-cta{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;flex-shrink:0;padding:9px 18px;font-size:14px;font-weight:600;transition:all .2s}.ht-guest-cta:hover{background:#1d4ed8;transform:translateY(-1px)}.milestone-banner{z-index:999;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;align-items:center;gap:14px;min-width:360px;max-width:500px;padding:16px 24px;animation:.4s slideDown;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #2563eb66}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.milestone-banner-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.milestone-banner-text{flex-direction:column;flex:1;gap:3px;display:flex}.milestone-banner-text strong{font-size:15px;font-weight:700}.milestone-banner-text span{opacity:.9;font-size:13px}.milestone-banner-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:background .2s;display:flex}.milestone-banner-close:hover{background:#ffffff4d}.game-page{max-width:760px;margin:0 auto;padding:40px 24px 80px;font-family:Inter,sans-serif}.game-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.game-back{color:#475569;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:50px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.game-back:hover{color:#2563eb;border-color:#2563eb}.game-title-area{text-align:center}.game-title-area h1{color:#0d1b2a;margin-bottom:4px;font-size:24px;font-weight:700}.game-skill{color:#2563eb;background:#eff6ff;border-radius:50px;padding:3px 10px;font-size:12px;font-weight:600}.game-rounds{color:#475569;background:#f1f5f9;border-radius:50px;padding:8px 16px;font-size:16px;font-weight:600}.reaction-box{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:24px;justify-content:center;align-items:center;width:100%;height:380px;transition:background .2s;display:flex}.reaction-box.waiting{background:#2563eb}.reaction-box.ready{background:#dc2626}.reaction-box.go{background:#16a34a}.reaction-box.result{background:#2563eb}.reaction-box.toosoon{background:#d97706}.reaction-content{text-align:center;color:#fff}.reaction-content p{margin:16px 0 8px;font-size:28px;font-weight:700}.reaction-content span{opacity:.85;font-size:15px}.reaction-go{letter-spacing:-2px;font-size:64px!important;font-weight:800!important}.reaction-time{letter-spacing:-3px;font-size:72px;font-weight:800;line-height:1}.reaction-time span{opacity:.8;font-size:24px;font-weight:500}.reaction-dots{justify-content:center;gap:10px;margin-bottom:16px;display:flex}.reaction-dots span{background:#fff;border-radius:50%;width:12px;height:12px;animation:.8s ease-in-out infinite bounce}.reaction-dots span:nth-child(2){animation-delay:.15s}.reaction-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.reaction-results{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:40px;box-shadow:0 4px 20px #0000000d}.reaction-results h2{color:#0d1b2a;margin-bottom:28px;font-size:28px;font-weight:700}.result-avg{margin-bottom:28px}.result-avg-num{color:#0d1b2a;letter-spacing:-3px;font-size:64px;font-weight:800;line-height:1}.result-avg-num span{color:#64748b;font-size:22px;font-weight:500}.result-avg-label{color:#64748b;margin:8px 0 6px;font-size:14px}.result-rating{font-size:18px;font-weight:700}.result-rounds{text-align:left;background:#f8fafc;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:28px;padding:16px 20px;display:flex}.result-round{color:#475569;justify-content:space-between;font-size:14px;font-weight:500;display:flex}.result-actions{justify-content:center;gap:12px;display:flex}.game-back-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s}.game-back-btn:hover{color:#2563eb;border-color:#2563eb}.mg-play-btn{color:#fff;cursor:pointer;border:none;border-radius:50px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s}.memory-stats{color:#64748b;justify-content:center;gap:32px;margin-bottom:24px;font-size:15px;display:flex}.memory-stats strong{color:#0d1b2a}.memory-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:440px;margin:0 auto;display:grid}.memory-card{aspect-ratio:1;cursor:pointer;perspective:600px}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:12px;transition:transform .4s;position:relative}.memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{backface-visibility:hidden;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;display:flex;position:absolute}.memory-card-front{color:#fff;background:#2563eb;border:2px solid #1d4ed8;font-size:22px;font-weight:700}.memory-card-back{background:#fff;border:2px solid #e2e8f0;transform:rotateY(180deg)}.memory-card.matched .memory-card-back{background:#f0fdf4;border-color:#bbf7d0}.result-saved{color:#15803d;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:20px;padding:10px 16px;font-size:13px;font-weight:500}.result-desc{color:#64748b;margin-top:6px;font-size:14px}.other-games{border-top:1px solid #e2e8f0;margin-top:40px;padding-top:28px}.other-games-label{letter-spacing:.1em;text-transform:uppercase;color:#374151;margin-bottom:14px;font-size:13px;font-weight:700}.other-games-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.other-game-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.other-game-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.other-game-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.other-game-card-info{flex-direction:column;flex:1;gap:3px;display:flex}.other-game-card-name{color:#0d1b2a;font-size:15px;font-weight:700}.other-game-card-skill{font-size:12px;font-weight:600}.other-game-card-arrow{color:#94a3b8;flex-shrink:0;font-size:16px}.vp-game{flex-direction:column;align-items:center;gap:20px;display:flex}.vp-status-row{justify-content:center;width:100%;display:flex}.vp-status-pill{border-radius:50px;padding:10px 24px;font-size:15px;font-weight:700}.vp-status-pill.showing{color:#0891b2;background:#e0f9ff}.vp-status-pill.input,.vp-status-pill.correct{color:#16a34a;background:#f0fdf4}.vp-status-pill.wrong{color:#ef4444;background:#fef2f2}.vp-progress-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.vp-progress-dot{background:#e0f9ff;border:2px solid #0891b240;border-radius:50%;width:12px;height:12px;transition:background .2s}.vp-progress-dot.filled{background:#0891b2;border-color:#0891b2}.vp-grid{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:340px;display:grid}.vp-cell{aspect-ratio:1;cursor:pointer;background:#e0f9ff;border:2px solid #0891b240;border-radius:16px;transition:all .15s;box-shadow:0 2px 8px #0891b214}.vp-cell:hover:not(.disabled){transform:scale(1.04);box-shadow:0 6px 20px #0891b22e}.vp-cell.active{background:#0891b2;border-color:#0891b2;transform:scale(1.06);box-shadow:0 8px 28px #0891b266}.vp-cell.flash{background:#67e8f9;border-color:#0891b2;transform:scale(.96)}.vp-cell.disabled{cursor:not-allowed;opacity:.7}.vp-level-info{color:#374151;font-size:15px;font-weight:500}.mm-question{color:#0d1b2a;letter-spacing:-2px;padding:8px 0;font-size:56px;font-weight:800;line-height:1}.mm-options{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.mm-opt-btn{color:#0d1b2a;cursor:pointer;letter-spacing:-1px;background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:20px;font-family:Inter,sans-serif;font-size:24px;font-weight:800;transition:all .15s;box-shadow:0 2px 8px #0000000a}.mm-opt-btn:hover{color:#16a34a;border-color:#16a34a;transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.mm-opt-btn:active{transform:scale(.97)}.mm-opt-btn.correct{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.mm-opt-btn.wrong{color:#ef4444;background:#fef2f2;border-color:#ef4444}.mm-opt-btn.dimmed{opacity:.4}.stroop-intro-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:40px;box-shadow:0 4px 20px #0000000d}.stroop-intro-demo{background:#f8fafc;border-radius:16px;justify-content:center;align-items:center;gap:20px;margin-bottom:32px;padding:28px;display:flex}.stroop-demo-word{letter-spacing:-2px;font-size:52px;font-weight:800}.stroop-demo-arrow{color:#94a3b8;font-size:28px}.stroop-demo-answer{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.stroop-demo-chip{border-radius:10px;padding:8px 20px;font-size:16px;font-weight:700}.stroop-intro-rules{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.stroop-rule{color:#374151;align-items:flex-start;gap:14px;font-size:15px;line-height:1.5;display:flex}.stroop-rule-icon{text-align:center;flex-shrink:0;width:32px;font-size:20px}.stroop-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:14px;width:100%;padding:16px;font-family:Inter,sans-serif;font-size:17px;font-weight:700;transition:all .2s;box-shadow:0 8px 24px #f59e0b4d}.stroop-start-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #f59e0b66}.mg-page{max-width:1100px;margin:0 auto;padding:40px 24px 80px;font-family:Inter,sans-serif}.mg-hero{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #dbeafe;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px 40px;display:flex}.mg-hero-text h1{color:#0d1b2a;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:700}.mg-hero-text p{color:#374151;max-width:320px;font-size:17px;line-height:1.6}.mg-hero-visual{animation:6s ease-in-out infinite float}.mg-grid{flex-direction:column;gap:20px;display:flex}.mg-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:flex-start;gap:24px;padding:28px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 12px #0000000d}.mg-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.mg-card-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.mg-card-content{flex:1}.mg-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.mg-card-header h2{color:#0d1b2a;font-size:22px;font-weight:700}.mg-duration{color:#1e293b;background:#f1f5f9;border-radius:50px;padding:4px 10px;font-size:14px;font-weight:500}.mg-skill{margin-bottom:8px;font-size:15px;font-weight:600}.mg-card-content p{color:#374151;margin-bottom:20px;font-size:16px;line-height:1.6}.mg-play-btn{color:#fff;cursor:pointer;border:none;border-radius:50px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #00000026}.mg-play-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0003}*,:before,:after{box-sizing:border-box}.project-login-page{color:#17233d;background:radial-gradient(circle at 12% 16%,#4a9edb2e,#0000 30%),radial-gradient(circle at 84% 82%,#3dc99a33,#0000 28%),linear-gradient(135deg,#edf7ff 0%,#f8fbff 48%,#eef8f4 100%);place-items:center;min-height:100vh;padding:40px 20px;font-family:Inter,Segoe UI,sans-serif;display:grid;position:relative;overflow:hidden}.login-grid{pointer-events:none;background-image:linear-gradient(#4a78b40f 1px,#0000 1px),linear-gradient(90deg,#4a78b40f 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#00000080,#0000 68%);mask-image:radial-gradient(circle,#00000080,#0000 68%)}.login-aurora{filter:blur(10px);opacity:.72;pointer-events:none;border-radius:999px;position:absolute}.login-aurora-one{background:radial-gradient(circle,#4a9edb38,#0000 66%);width:420px;height:420px;animation:12s ease-in-out infinite auroraDriftOne;top:-120px;left:-80px}.login-aurora-two{background:radial-gradient(circle,#3dc99a3d,#0000 66%);width:520px;height:520px;animation:14s ease-in-out infinite auroraDriftTwo;bottom:-160px;right:-140px}.login-aurora-three{background:radial-gradient(circle,#7baacf33,#0000 68%);width:320px;height:320px;animation:10s ease-in-out infinite auroraDriftThree;top:18%;left:56%}@keyframes auroraDriftOne{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(52px,34px)scale(1.08)}}@keyframes auroraDriftTwo{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-44px,-34px)scale(1.05)}}@keyframes auroraDriftThree{0%,to{transform:translate(0,0)}50%{transform:translate(-24px,42px)}}.project-login-shell{z-index:1;width:min(100%,520px);position:relative}.project-login-brand{letter-spacing:-.4px;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;font-size:1.55rem;font-weight:800;display:flex}.project-login-brand span span{color:#4a9edb}.brand-mark{color:#fff;letter-spacing:0;background:linear-gradient(135deg,#4a9edb,#3dc99a);border-radius:14px;place-items:center;width:42px;height:42px;font-size:.85rem;display:grid;box-shadow:0 12px 28px #4a9edb47}.project-login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #4a78b429;border-radius:26px;padding:44px 40px 40px;position:relative;box-shadow:0 24px 70px #4a78b433}.card-accent{background:linear-gradient(90deg,#4a9edb,#3dc99a);border-radius:999px;width:56px;height:4px;margin-bottom:28px}.login-kicker{color:#4a9edb;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:800}.project-login-card h1{color:#17233d;letter-spacing:-.5px;margin:0;font-size:2rem;line-height:1.1}.login-copy{color:#64748b;margin:10px 0 30px;font-size:1rem}.login-field{gap:9px;margin-bottom:18px;display:grid}.login-field span{color:#526179;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.login-field input{color:#17233d;width:100%;min-height:52px;font:inherit;background:#f8fbffdb;border:1.5px solid #d9e4ef;border-radius:13px;outline:none;padding:0 18px;font-weight:600;transition:border-color .18s,box-shadow .18s,background .18s}.login-field input:focus{background:#fff;border-color:#4a9edb;box-shadow:0 0 0 4px #4a9edb29}.login-error{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;margin:-2px 0 16px;padding:11px 13px;font-size:.9rem;font-weight:600}.project-login-button{color:#fff;cursor:pointer;width:100%;min-height:54px;font:inherit;background:linear-gradient(135deg,#4a9edb 0%,#3dc99a 100%);border:0;border-radius:14px;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 16px 28px #4a9edb47}.project-login-button:hover{transform:translateY(-2px);box-shadow:0 20px 36px #4a9edb57}.project-login-button:active{opacity:.92;transform:translateY(0)}.login-footnote{text-align:center;color:#94a3b8;margin:24px 0 0;font-size:.9rem;font-weight:600}@media (prefers-reduced-motion:reduce){.login-aurora{animation:none}}@media (width<=560px){.project-login-page{padding:28px 16px}.project-login-brand{margin-bottom:24px;font-size:1.35rem}.project-login-card{border-radius:22px;padding:34px 24px 28px}.project-login-card h1{font-size:1.72rem}}