@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #0F172A;--primary-rgb: 15, 23, 42;--primary-light: #1E293B;--secondary: #F7C146;--accent-blue: #3B49AD;--accent-gold: #BC9E73;--bg-dark: #FFFDF9;--bg-card: #FFFFFF;--text-light: #1A1A1A;--text-muted: #6B6B6B;--border: rgba(0, 0, 0, .08);--radius: 12px;--nav-bg: rgba(255, 255, 255, .95)}[data-theme=dark]{--primary: #F7C146;--primary-rgb: 247, 193, 70;--primary-light: #BC9E73;--secondary: #3B49AD;--bg-dark: #0B1120;--bg-card: #16213E;--text-light: #FFFFFF;--text-muted: #CBD5E1;--border: rgba(255, 255, 255, .1);--nav-bg: rgba(11, 17, 32, .95)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);color:var(--text-light);min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#111e2e,#1b2d45,#2a2070);position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;width:520px;height:520px;background:radial-gradient(circle,rgba(59,59,146,.35) 0%,transparent 70%);top:-120px;left:-160px;pointer-events:none}.auth-container:after{content:"";position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(245,200,66,.12) 0%,transparent 70%);bottom:-100px;right:-120px;pointer-events:none}.auth-card{background:#ffffff0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:3rem;border-radius:20px;width:100%;max-width:440px;box-shadow:0 30px 60px #00000073,0 0 0 1px #ffffff14;border:1px solid rgba(255,255,255,.1);animation:fade-in .45s cubic-bezier(.22,1,.36,1);position:relative;z-index:1}.auth-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#b89b6a,#f5c842);border-radius:0 0 6px 6px}.auth-title{font-size:1.9rem;font-weight:800;margin-bottom:.4rem;text-align:center;color:#fff;letter-spacing:-.5px}.auth-subtitle{color:#ffffff80;text-align:center;margin-bottom:2rem;font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.45rem;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#b89b6a}.form-input{width:100%;padding:.875rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-size:1rem;transition:all .2s;font-family:Outfit,sans-serif}.form-input::placeholder{color:#ffffff40}.form-input:focus{outline:none;border-color:#f5c842;background:#f5c84212;box-shadow:0 0 0 3px #f5c84226}.btn{width:100%;padding:.9rem 1rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;border:none;display:flex;justify-content:center;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,#f5c842,#e0a800);color:#1b2d45;margin-top:.5rem;box-shadow:0 4px 20px #f5c84259}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #f5c84273}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-google{background:#ffffff12;color:#fff;margin-top:.25rem;border:1px solid rgba(255,255,255,.15)}.btn-google:hover{background:#ffffff21;transform:translateY(-1px)}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#ffffff4d}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.divider span{padding:0 1rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.toggle-auth{text-align:center;margin-top:1.75rem;color:#ffffff73;font-size:.9rem}.toggle-auth span{color:#f5c842;cursor:pointer;font-weight:700}.toggle-auth span:hover{text-decoration:underline}.nav-header{background:#1e293be6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}.nav-brand{font-size:1.4rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:.5rem}.nav-sections{display:flex;gap:2rem;flex:1;justify-content:center}.nav-link{background:none;border:none;font-weight:600;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px;position:relative;padding:.5rem 0;color:var(--text-muted);transition:all .3s ease}.nav-link:hover{color:var(--text-light)}.nav-link.active{color:var(--primary)!important}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--primary);border-radius:2px}.user-controls{display:flex;align-items:center;gap:1.5rem}.user-email{color:var(--text-muted);font-size:.85rem;font-weight:500}.btn-logout{background:#ffffff0d;color:var(--text-muted);border:1px solid var(--border);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:500}.btn-logout:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.dashboard-container{padding:3rem 2rem;max-width:1200px;margin:0 auto;width:100%}.dashboard-header{margin-bottom:2rem}.dashboard-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.dashboard-subtitle{color:var(--text-muted);font-size:1.1rem}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.vocab-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;animation:fade-in-up .5s ease-out backwards}.vocab-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #00000014;border-color:var(--secondary)}.vocab-word{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--primary)}.vocab-meta{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem;display:flex;gap:.5rem}.vocab-type{background:#ffffff1a;padding:2px 8px;border-radius:4px}.vocab-definition{margin-bottom:1rem;line-height:1.5}.vocab-tags{display:flex;flex-wrap:wrap;gap:.5rem}.vocab-tag{background:#f7c1461a;color:var(--secondary);font-size:.75rem;padding:3px 8px;border-radius:4px;font-weight:600}.empty-state{text-align:center;padding:5rem 2rem;color:var(--text-muted)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.spinner{width:40px;height:40px;border:4px solid rgba(15,23,42,.1);border-left-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.error-msg{background:#ef44441a;color:#ef4444;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(239,68,68,.2)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-delete{position:absolute;top:10px;right:10px;background:#ef44441a;color:#ef4444;border:none;padding:6px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;opacity:0}.vocab-card:hover .btn-delete{opacity:1}.btn-delete:hover{background:#ef444433;transform:scale(1.05)}.btn-practice{background:#0f172a0d;padding:.5rem 1rem;border-radius:6px;transition:all .2s}.btn-practice:hover{background:#4f46e540}.quiz-container{max-width:600px;margin:0 auto;animation:fade-in .4s ease-out}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.quiz-streak{background:#f59e0b1a;color:#f59e0b;padding:4px 12px;border-radius:20px;font-weight:700;font-size:1rem}.quiz-card{background:var(--bg-card);padding:2.5rem;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:2rem;text-align:center;min-height:150px;display:flex;flex-direction:column;justify-content:center}.quiz-definition{font-size:1.25rem;line-height:1.6;font-weight:500;margin-bottom:1rem}.quiz-example{color:var(--text-muted);font-style:italic;font-size:.95rem}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quiz-btn{background:#0f172a99;border:1px solid var(--border);color:var(--text-light);padding:1.25rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.quiz-btn:hover:not(:disabled){background:#0f172a0d;border-color:var(--primary);transform:translateY(-2px)}.quiz-btn.correct{background:#10b98133;border-color:var(--secondary);color:#10b981}.quiz-btn.wrong{background:#ef444433;border-color:#ef4444;color:#ef4444}.quiz-btn:disabled{opacity:.8;cursor:default}.flashcard{width:100%;max-width:560px;height:260px;perspective:1200px;cursor:pointer}.flashcard-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem;text-align:center;border:1px solid var(--border)}.flashcard-front{background:var(--bg-card)}.flashcard-back{background:linear-gradient(135deg,#0f172a0d,#f7c1460d);transform:rotateY(180deg)}.flashcard-word{font-size:2.5rem;font-weight:700;color:var(--primary)}.flashcard-hint{color:var(--text-muted);font-size:1rem;margin-top:.5rem}.flashcard-def{font-size:1.1rem;line-height:1.6;font-weight:500}.flashcard-example{color:var(--text-muted);font-style:italic;font-size:.9rem;margin-top:1rem}.dropdown-item{display:flex!important;align-items:center;gap:.75rem;padding:.75rem 1rem!important;background:none;border:none;width:100%;text-align:left;cursor:pointer;border-radius:8px;color:var(--text)!important;font-size:.95rem;font-weight:500;transition:all .2s ease;text-decoration:none!important}.dropdown-item:hover{background-color:#1e3a8a0d!important;color:var(--primary)!important}.dropdown-item.active{background-color:#1e3a8a1a!important;color:var(--primary)!important;font-weight:600}.dropdown-item.logout-item:hover{background-color:#ef44441a!important;color:#ef4444!important}:root{--navy: #0F172A;--navy-deep: #0B1120;--cream: #FFFDF9;--cream-card: #F9F5EE;--amber: #F7C146;--amber-hover: #EAB308;--red-ribbon: #C43030;--green-dark: #0F172A;--white: #FFFFFF;--text-dark: #1A1A1A;--text-muted: #6B6B6B;--text-light: rgba(255, 255, 255, .85);--border-card: rgba(0, 0, 0, .08);--section-padding: 100px 0;--container-max: 1200px;--container-pad: 0 5%}[data-theme=dark]{--cream: #0B1120;--white: #1E293B;--text-dark: #F8FAFC;--text-muted: #94A3B8;--border-card: rgba(255, 255, 255, .1)}[data-theme=dark] .navbar-cta{color:var(--amber);background:#0f172a33;border:1px solid var(--amber)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:16px;line-height:1.7;color:var(--text-dark);background:var(--cream);overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:var(--container-pad)}em.accent{font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:700;color:var(--amber)}em.accent-white{font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:700;color:var(--white)}em.accent-dark{font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:700;color:var(--text-dark)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.clickable:active{transform:scale(.97)!important}.navbar{position:sticky;top:0;left:0;width:100%;min-height:80px;background:#fffdf9f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.navbar-logo{display:flex;align-items:center;gap:8px;color:var(--text-dark);font-size:22px;font-weight:800;font-family:Inter,sans-serif}.navbar-logo .fox-logo-placeholder{width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;font-size:20px;color:var(--amber)}.navbar-links{display:flex;align-items:center;gap:32px}.navbar-links a{color:var(--text-muted);font-size:15px;font-weight:500;transition:color .2s ease;position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--navy);transition:width .2s ease}.navbar-links a:hover{color:var(--text-dark)}.navbar-links a:hover:after{width:100%}.navbar-cta{background:var(--navy);color:var(--white);font-weight:600;font-size:14px;padding:10px 20px;border-radius:10px;border:none;cursor:pointer;transition:transform .2s ease,background .2s ease}.navbar-cta:hover{transform:scale(1.03);background:#1e293b}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}.hamburger span{width:24px;height:2px;background:var(--white);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.mobile-menu{display:none;position:fixed;top:119px;left:0;width:100%;background:#071020f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px 5%;flex-direction:column;gap:16px;z-index:999;border-bottom:1px solid rgba(255,255,255,.06)}.mobile-menu.open{display:flex}.mobile-menu a{color:#ffffffb3;font-size:16px;padding:8px 0}.mobile-menu .navbar-cta{width:fit-content;margin-top:8px}.ribbon-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.ribbon-line{fill:none;stroke:var(--red-ribbon);stroke-linecap:round}@keyframes ribbonFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-2000}}@keyframes ribbonFloat{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}.ribbon-line{stroke-dasharray:2000}.ribbon-line-1{stroke-width:3;opacity:.85;animation:ribbonFlow 6s linear infinite,ribbonFloat 3s ease-in-out infinite alternate}.ribbon-line-2{stroke-width:2.5;opacity:.6;animation:ribbonFlow 7s linear infinite .8s,ribbonFloat 3.5s ease-in-out infinite alternate .8s}.ribbon-line-3{stroke-width:2;opacity:.45;animation:ribbonFlow 8s linear infinite 1.6s,ribbonFloat 3s ease-in-out infinite alternate 1.6s}.ribbon-line-4{stroke-width:1.5;opacity:.3;animation:ribbonFlow 9s linear infinite 2.4s,ribbonFloat 4s ease-in-out infinite alternate 2.4s}.ribbon-line-5{stroke-width:1;opacity:.2;animation:ribbonFlow 10s linear infinite 3.2s,ribbonFloat 3.5s ease-in-out infinite alternate 3.2s}.hero{background:#0b1120;min-height:85vh;position:relative;overflow:hidden;padding-top:36px;padding-bottom:100px}.hero:before,.hero:after{display:none!important}.hero .container{position:relative;z-index:1}.hero-center-mascot{width:100%;display:flex;justify-content:center;margin-top:0;margin-bottom:60px;position:relative;z-index:5}.hero-center-mascot img{width:100%;max-width:380px;height:auto;border-radius:50%;filter:drop-shadow(0 20px 50px rgba(0,0,0,.4))}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:flex-start;gap:80px;margin-top:40px}.hero-badge{display:inline-flex;align-items:center;background:#020617;color:#f7c146;font-size:13px;font-weight:700;padding:8px 18px 8px 36px;border-radius:100px;margin-bottom:24px;position:relative;border:none;box-shadow:0 4px 20px #0006}.hero-badge:before{content:"";position:absolute;left:14px;width:8px;height:8px;background:#f7c146;border-radius:50%;box-shadow:0 0 10px #f7c14680}.hero-headline{font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(42px,6vw,68px);font-weight:700;line-height:1.1;color:var(--white)}.hero-subtext{color:#ffffffa6;font-size:17px;max-width:480px;margin-top:20px;line-height:1.7}.hero-cta{display:inline-block;background:var(--amber);color:#000;font-weight:600;font-size:16px;padding:14px 28px;border-radius:10px;margin-top:32px;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease}.hero-cta:hover{transform:scale(1.04);box-shadow:0 8px 32px #e8a02059}.hero-signin{display:block;font-size:13px;color:#ffffff73;margin-top:12px;transition:color .2s ease}.hero-signin:hover{color:#ffffffb3;text-decoration:underline}.ext-mockup{width:100%;max-width:330px;margin:60px auto 0;background:#142338;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000080;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;animation:float 5s ease-in-out infinite alternate}@keyframes float{0%{transform:translateY(-12px)}to{transform:translateY(12px)}}.ext-header{background:#142338;padding:12px 16px;height:48px;display:flex;align-items:center}.ext-logo-v{color:#f7c146;font-weight:900;font-size:24px;font-family:Impact,sans-serif;font-style:italic;line-height:1}.ext-body{padding:16px 20px;background:#182c4a}.ext-elo-card{background:#f5f9fa;border-radius:6px;display:flex;justify-content:space-between;align-items:center;padding:16px;margin-bottom:24px;box-shadow:0 4px 12px #0003}.ext-elo-text{color:#122238;font-weight:900;font-size:28px}.ext-fox-mascot{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.mascot-img-placeholder{font-size:36px;line-height:1;margin-bottom:4px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.mascot-label{color:#122238;font-size:11px;font-weight:800}.ext-section-title{font-weight:800;font-size:14px;margin-bottom:16px}.ext-section-title.ext-yellow{color:#f7c146}.ext-section-title.white{color:#fff;font-size:16px;margin-bottom:8px}.ext-chart{display:flex;justify-content:space-between;align-items:flex-end;height:80px;padding-bottom:8px;margin-bottom:24px;position:relative;border-bottom:2px solid #F7C146}.ext-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:34px;height:100%;position:relative}.ext-bar-fill{width:28px;background:#fff;border-radius:4px 4px 0 0}.ext-bar.medal .ext-bar-fill{background:#d5c5a8}.ext-medal-icon{position:absolute;top:-22px;font-size:18px;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.ext-day{position:absolute;bottom:-24px;color:#f7c146;font-size:12px;font-weight:800;text-transform:lowercase}.ext-divider{height:1px;background:#ffffff40;margin:36px 0 16px}.ext-divider-subtle{height:1px;background:#ffffff26;margin:16px 0}.ext-setting-label{color:#fff;font-size:15px;margin-bottom:16px}.ext-slider-container{margin-bottom:28px;position:relative}.ext-slider-track{height:6px;background:#fff;border-radius:3px;position:relative;margin-bottom:12px}.ext-slider-fill{height:100%;background:#f7c146;border-radius:3px;position:absolute;left:0;top:0}.ext-slider-thumb{width:16px;height:16px;background:#f7c146;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #f7c14633}.ext-slider-ticks{display:flex;justify-content:space-between;align-items:center;position:absolute;top:14px;left:0;width:100%;height:6px}.ext-slider-ticks .tick{width:1px;height:6px;background:#ffffffb3}.ext-slider-marks{display:flex;justify-content:space-between;font-size:9px;font-weight:800;margin-top:16px}.ext-slider-marks .active{color:#f7c146}.ext-slider-marks span{color:#f7c14666}.ext-toggles{display:flex;flex-direction:column;gap:16px}.ext-toggle-row{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:15px}.ext-toggle{width:44px;height:24px;background:#f7c146;border-radius:12px;position:relative;border:1px solid #F7C146}.ext-toggle .knob{width:20px;height:20px;background:#182c4a;border-radius:50%;position:absolute;right:1px;top:1px;display:flex;align-items:center;justify-content:center;color:#f7c146;box-shadow:0 2px 4px #0000004d}.ext-toggle .knob:before{content:"✓";font-size:12px;font-weight:900;margin-left:1px}.ext-footer-text{text-align:center;color:#fff;font-size:14px;margin-bottom:12px}.ext-btn-plus{width:100%;background:#f7c146;color:#122238;border:none;padding:14px;border-radius:10px;font-weight:800;font-size:16px;cursor:pointer;margin-bottom:24px;transition:transform .2s,box-shadow .2s}.ext-btn-plus:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f7c14666}.ext-deck-link{color:#f7c146;font-weight:700;font-size:15px;cursor:pointer}.pain-points{background:var(--cream);padding:20px 0;position:relative;z-index:2}.mascot-staff{position:absolute;top:-120px;right:5%;width:480px;z-index:10;pointer-events:none;animation:float 5s ease-in-out infinite alternate 1s}.pain-headline{text-align:left;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(32px,4vw,48px);font-weight:700;color:var(--text-dark);line-height:1.2;max-width:600px}.pain-sublabel{text-align:left;margin-top:16px;letter-spacing:2px;font-size:11px;font-weight:800;color:var(--amber);text-transform:uppercase}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.pain-card{background:var(--cream-card);border-radius:16px;padding:32px 24px;border:1px solid rgba(0,0,0,.03);transition:transform .25s ease,box-shadow .25s ease;position:relative}.pain-card:before{content:var(--num);position:absolute;top:10px;right:20px;font-family:Georgia,Times New Roman,Times,serif;font-size:60px;font-style:italic;color:#0000000a;font-weight:700;pointer-events:none}.pain-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000d}.pain-card-icon{font-size:28px;margin-bottom:16px}.pain-card-quote{font-size:17px;font-weight:600;color:var(--text-dark);max-width:220px;margin-bottom:12px;line-height:1.4}.pain-card-body{font-size:14px;color:var(--text-muted);line-height:1.6}.mascot-stats{width:300px;position:absolute;right:5%;bottom:20px;z-index:5;pointer-events:none;animation:float 4s ease-in-out infinite alternate}.stats-section{background:var(--white);padding:120px 0;position:relative;overflow:hidden;text-align:center}.stats-pill{display:inline-block;font-size:12px;font-weight:600;color:var(--navy);background:#0000000a;border:1px solid rgba(0,0,0,.08);padding:6px 16px;border-radius:100px;margin-bottom:40px}.stat-line{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1;color:var(--text-dark);opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;margin-bottom:8px;letter-spacing:-1px}.stat-line.visible{opacity:1;transform:translateY(0)}.stat-line .stat-number{color:var(--text-dark);text-decoration:underline;text-underline-offset:8px;text-decoration-color:var(--amber);text-decoration-thickness:3px;font-weight:1200}.uni-logo{position:absolute;width:64px;height:64px;border-radius:14px;background:var(--white);box-shadow:0 8px 24px #00000014,0 0 20px var(--brand-color);display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;opacity:0;transform:scale(.1);z-index:2;overflow:hidden;border:1px solid var(--brand-color)}.uni-logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand-color);opacity:.05;pointer-events:none}.uni-logo img{width:100%;height:100%;object-fit:contain}@keyframes burstOut{0%{opacity:0;transform:scale(.1) translate(0)}60%{opacity:1;transform:scale(1.1) translate(var(--tx),var(--ty))}to{opacity:.85;transform:scale(1) translate(var(--tx),var(--ty))}}@keyframes floatLogo{0%,to{transform:scale(1) translate(var(--tx),var(--ty))}50%{transform:scale(1) translate(calc(var(--tx) + 8px),calc(var(--ty) - 10px))}}.uni-logo.burst{animation:burstOut .8s cubic-bezier(.34,1.56,.64,1) forwards}.uni-logo.floating{opacity:.85;transform:translate(var(--tx),var(--ty)) scale(1);animation:floatLogo var(--float-dur) ease-in-out infinite alternate;animation-delay:calc(var(--i) * .3s)}.learn-section{background:var(--navy-deep);padding:var(--section-padding);position:relative;z-index:2}.learn-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.learn-micro{text-transform:uppercase;letter-spacing:2px;color:var(--amber);font-size:11px;font-weight:800;margin-bottom:16px}.learn-headline{font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(30px,4vw,44px);font-weight:700;color:var(--white);line-height:1.15;margin-bottom:24px}.learn-body{color:#ffffffb3;font-size:16px;line-height:1.7;margin-bottom:32px}.learn-bullet{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.learn-bullet-dot{color:var(--amber);font-size:12px;flex-shrink:0;margin-top:5px}.learn-bullet-text strong{color:var(--white);font-weight:600;display:block;margin-bottom:4px}.learn-bullet-text span{color:#ffffff8c;font-size:14px;line-height:1.5}.fox-mascot-scroll{position:absolute;top:-160px;right:-80px;width:480px;z-index:10;pointer-events:none;animation:float 6s ease-in-out infinite alternate}.fox-card{background:var(--white);width:100%;max-width:620px;border-radius:32px;padding:0;overflow:visible;box-shadow:0 40px 100px #0006;position:relative;z-index:5;border:1px solid rgba(255,255,255,.1)}.fox-card-header{background:#f8fafc;padding:16px 24px;display:flex;gap:10px;border-radius:32px 32px 0 0;border-bottom:1px solid rgba(0,0,0,.05)}.fox-card-dot{width:12px;height:12px;border-radius:50%}.fox-card-dot.red{background:#ff5f57}.fox-card-dot.yellow{background:#febc2e}.fox-card-dot.green{background:#28c840}.fox-card-body{padding:48px;background:var(--white);font-family:Playfair Display,Georgia,serif}.mockup-text{font-size:22px;color:#334155;line-height:1.6;font-weight:500;font-family:Playfair Display}.mockup-text.sub{margin-top:40px}.highlight-under{position:relative;display:inline-block;color:var(--text-dark);font-weight:700;padding-bottom:2px}.highlight-under:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--amber);border-radius:2px}.fox-tooltip{background:#0f172a;border-radius:16px;padding:24px 32px;margin:32px 0;box-shadow:0 20px 40px #0000004d;position:relative}.tooltip-header{color:#94a3b8;font-size:14px;margin-bottom:8px;font-weight:500}.tooltip-header .phonetic{margin-left:8px;opacity:.6}.tooltip-meaning{color:var(--amber);font-size:24px;font-weight:700;margin-bottom:8px}.tooltip-sub{color:#64748b;font-size:14px;font-style:italic}.fox-card-footer{background:#f8fafc;padding:32px 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-radius:0 0 32px 32px;border-top:1px solid rgba(0,0,0,.05)}.foot-stat{display:flex;flex-direction:column;gap:4px}.foot-num{font-size:24px;font-weight:800;color:#1e293b}.foot-num.green-text{color:#10b981}.foot-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.learn-bullet-dot{width:8px;height:8px;background:var(--amber);border-radius:50%;flex-shrink:0;margin-top:10px;box-shadow:0 0 10px #f7c14699}.learn-section{background:var(--navy-deep);padding:160px 0;position:relative;z-index:2;overflow:visible}.browser-mockup{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.browser-bar{display:flex;align-items:center;gap:6px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.browser-dot{width:10px;height:10px;border-radius:50%}.browser-dot.red{background:#ff5f57}.browser-dot.yellow{background:#febc2e}.browser-dot.green{background:#28c840}.browser-url{margin-left:12px;font-size:12px;color:#ffffff59;background:#ffffff0f;padding:4px 12px;border-radius:6px;flex:1}.browser-content{padding:12px 0}.browser-text-line{height:8px;background:#ffffff0f;border-radius:4px;margin-bottom:8px}.browser-text-line:nth-child(1){width:100%}.browser-text-line:nth-child(2){width:85%}.browser-text-line:nth-child(3){width:92%}.browser-highlight{display:inline-block;background:#e8a02040;border-bottom:2px solid var(--amber);color:var(--white);font-size:14px;padding:2px 8px;border-radius:4px;margin:12px 0}.browser-definition{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;margin-top:8px}.browser-definition strong{color:var(--amber);font-size:13px}.browser-definition p{color:#fff9;font-size:12px;margin-top:4px}.learn-stats-row{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.learn-stat-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:6px 14px;font-size:12px;color:#fff9}.learn-stat-chip strong{color:var(--white);margin-right:4px}.elo-section{background:var(--cream);padding:120px 0}.elo-headline{text-align:center;font-family:Playfair Display,Georgia,serif;font-size:clamp(30px,4vw,44px);font-weight:700;color:var(--text-dark);line-height:1.15}.elo-subtext{text-align:center;color:var(--text-muted);font-size:16px;max-width:560px;margin:16px auto 0;line-height:1.7}.elo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:64px;position:relative}.elo-steps:before{content:"";position:absolute;top:18px;left:15%;right:15%;height:2px;border-top:2px dashed rgba(0,0,0,.12)}.elo-step{text-align:center;padding:24px;border-radius:16px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;position:relative}.elo-step:hover{transform:translateY(-6px);box-shadow:0 8px 32px #00000014;background:var(--white)}.elo-step:hover .step-title:after{width:100%}.elo-step:hover .step-number{box-shadow:0 0 0 8px #e8a02033}.step-number{width:48px;height:48px;background:var(--navy);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:16px;margin-bottom:20px;transition:transform .2s ease;position:relative;z-index:1}.elo-step:nth-child(1) .step-number{background:#eab308;box-shadow:0 0 0 8px #eab30833}.elo-step:nth-child(2) .step-number{background:#8b5cf6;box-shadow:0 0 0 8px #8b5cf633}.elo-step:nth-child(3) .step-number{background:#10b981;box-shadow:0 0 0 8px #10b98133}.step-title{font-weight:700;font-size:18px;color:var(--text-dark);margin-bottom:12px;display:block}.step-title:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--amber);transition:width .2s ease}.step-desc{font-size:14px;color:var(--text-muted);line-height:1.6}.progress-tracker{margin-top:64px;position:relative}.progress-bar-bg{width:100%;height:8px;background:#00000014;border-radius:100px;overflow:hidden}.progress-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--amber),#f0c060);border-radius:100px;transition:width 1.5s ease-out}.progress-bar-fill.active{width:65%}.progress-milestones{display:flex;justify-content:space-between;margin-top:12px}.milestone{font-size:13px;color:var(--text-muted);font-weight:500;text-align:center}.match-section{background:var(--white);padding:var(--section-padding);position:relative}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.match-badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2px;color:#10b981;text-transform:uppercase;margin-bottom:16px}.match-headline{font-family:Playfair Display,Georgia,serif;font-size:clamp(32px,4vw,48px);font-weight:700;color:var(--text-dark);line-height:1.1;margin-bottom:24px}.match-body{color:var(--text-muted);font-size:16px;line-height:1.7;margin-bottom:40px}.match-stats{display:flex;gap:32px;margin-bottom:40px}.mascot-match-container{position:absolute;bottom:-60px;left:60%;transform:translate(-50%);width:200px;z-index:5;animation:float 4s ease-in-out infinite alternate 1.5s}.match-stat-num{font-family:Playfair Display,Georgia,serif;font-size:40px;font-weight:700;color:var(--amber)}.match-stat-label{font-size:13px;color:var(--text-muted)}.match-feature{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.match-feature-icon{width:36px;height:36px;background:#e8a0201a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--amber);font-size:16px;flex-shrink:0}.match-feature-text strong{display:block;font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:2px}.match-feature-text span{font-size:13px;color:var(--text-muted)}.match-right-label{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px}.uni-match-card{background:var(--white);border-radius:12px;padding:16px 20px;box-shadow:0 2px 12px #0000000f;display:flex;align-items:center;gap:16px;margin-bottom:12px;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.uni-match-card:hover{transform:translate(4px);box-shadow:0 4px 20px #0000001f}.uni-match-card:hover .percent-badge{transform:scale(1.08)}.uni-avatar{width:48px;height:48px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:14px;font-weight:700;flex-shrink:0}.uni-match-info{flex:1}.uni-match-name{font-weight:600;font-size:15px;color:var(--text-dark)}.uni-match-course{font-size:13px;color:var(--text-muted)}.percent-badge{font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:700;transition:transform .2s ease}.percent-green{color:#22c55e}.percent-amber{color:var(--amber)}.advisor-section{background:var(--cream);padding:var(--section-padding)}.advisor-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.advisor-label{text-transform:uppercase;letter-spacing:2px;color:var(--amber);font-size:11px;font-weight:800;margin-bottom:16px}.advisor-headline{font-family:Playfair Display,Georgia,serif;font-size:clamp(30px,4vw,44px);font-weight:700;color:var(--text-dark);line-height:1.15;margin-bottom:24px}.advisor-bullet{display:flex;align-items:flex-start;gap:16px;padding:12px;border-radius:10px;margin-bottom:8px;border-left:3px solid transparent;transition:background .2s ease,border-color .2s ease,padding-left .2s ease;cursor:pointer}.advisor-bullet:hover{background:#00000005;border-left-color:var(--amber);padding-left:16px}.advisor-bullet-dot{color:var(--amber);font-size:12px;flex-shrink:0;margin-top:5px}.advisor-bullet-text{color:var(--text-muted);font-size:15px;line-height:1.6}.agency-card{background:var(--white);border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:24px;margin-bottom:16px;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;box-shadow:0 4px 12px #0000000a}.agency-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.agency-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}.agency-logo{width:48px;height:48px;border-radius:12px;background:#00000008;display:flex;align-items:center;justify-content:center;font-size:20px}.agency-name{font-weight:700;font-size:16px;color:var(--text-dark)}.agency-verified{font-size:12px;color:#10b981;margin-top:2px;font-weight:600}.agency-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.agency-tag{background:#e8a0201a;color:var(--amber);font-size:12px;padding:4px 12px;border-radius:100px;font-weight:600}.agency-btn{display:inline-block;border:1px solid rgba(0,0,0,.1);color:var(--text-dark);font-size:14px;font-weight:600;padding:8px 20px;border-radius:10px;background:transparent;cursor:pointer;transition:background .2s ease,border-color .2s ease}.agency-btn:hover{background:#00000008;border-color:#0003}.testimonials-section{background:var(--cream);padding:var(--section-padding)}.testimonials-label{text-align:center;text-transform:uppercase;letter-spacing:2px;color:var(--amber);font-size:11px;font-weight:600;margin-bottom:12px}.testimonials-headline{text-align:center;font-family:Playfair Display,Georgia,serif;font-size:clamp(30px,4vw,44px);font-weight:700;color:var(--text-dark);margin-bottom:48px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{background:var(--white);border-radius:16px;padding:28px;border:1px solid rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;cursor:pointer}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a;border-color:#e8a02033}.testimonial-quote{font-size:15px;color:var(--text-dark);line-height:1.7;margin-bottom:20px}.testimonial-quote .highlight{background:linear-gradient(to top,rgba(232,160,32,.25) 40%,transparent 40%);padding:0 2px}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--white)}.author-name{font-weight:600;font-size:14px;color:var(--text-dark)}.author-role{font-size:12px;color:var(--text-muted)}.final-cta{background:var(--navy);padding:120px 0;position:relative;overflow:hidden;text-align:center}.final-cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.02) 10px,rgba(255,255,255,.02) 11px);pointer-events:none}.final-cta .container{position:relative;z-index:1}.final-cta-label{text-transform:uppercase;letter-spacing:2px;color:var(--amber);font-size:11px;font-weight:600;margin-bottom:20px}.final-cta-headline{font-family:Playfair Display,Georgia,serif;font-size:clamp(36px,5vw,56px);font-weight:700;color:var(--white);line-height:1.15;margin-bottom:16px}.final-cta-subtext{color:#ffffff8c;font-size:17px;max-width:520px;margin:0 auto;line-height:1.7}.final-cta-buttons{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px;flex-wrap:wrap}.btn-primary{background:var(--amber);color:#000;font-weight:600;font-size:16px;padding:16px 32px;border-radius:10px;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary:hover{transform:scale(1.04);box-shadow:0 8px 32px #e8a02059;background:var(--amber-hover)}.btn-secondary{background:transparent;color:var(--white);font-weight:600;font-size:16px;padding:16px 32px;border-radius:10px;border:1px solid rgba(255,255,255,.25);cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn-secondary:hover{transform:scale(1.04);background:#ffffff0f;border-color:#fff6}.final-cta-note{font-size:12px;color:#fff6;margin-top:20px}.footer{background:var(--navy-deep);padding:60px 0 40px}.footer-top{display:flex;align-items:center;gap:8px;margin-bottom:32px}.footer-logo{color:var(--white);font-size:22px;font-weight:700}.footer-links{display:flex;gap:48px;margin-bottom:32px;flex-wrap:wrap}.footer-col h4{color:#ffffff80;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.footer-col a{display:block;color:#ffffff73;font-size:14px;margin-bottom:8px;transition:color .2s ease}.footer-col a:hover{color:var(--white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:24px;font-size:12px;color:#fff6}@media (max-width: 1024px){.hero-headline{font-size:clamp(36px,5vw,52px)}.pain-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.learn-grid,.advisor-grid{grid-template-columns:1fr;gap:48px}.match-grid{grid-template-columns:1fr}.match-right{padding:60px 5%}}@media (max-width: 768px){.navbar-links,.navbar-cta.desktop{display:none}.hamburger{display:flex}.hero-grid{grid-template-columns:1fr;gap:40px}.hero{padding-top:100px;padding-bottom:60px;min-height:auto}.pain-grid{grid-template-columns:1fr}.pain-headline{font-size:clamp(24px,5vw,32px)}.stat-line{font-size:clamp(28px,7vw,44px)}.elo-steps{grid-template-columns:1fr;gap:24px}.elo-steps:before{display:none}.match-grid,.testimonials-grid{grid-template-columns:1fr}.final-cta-headline{font-size:clamp(28px,6vw,40px)}.final-cta-buttons{flex-direction:column}.footer-links{gap:24px;flex-direction:column}.uni-logo:nth-child(n+9){display:none}}