@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--primary: #6C63FF;--primary-dark: #5A52D5;--primary-light: #8B83FF;--red: #FF6B6B;--orange: #FFA94D;--yellow: #FFD93D;--green: #51CF66;--blue: #339AF0;--purple: #CC5DE8;--pink: #F06595;--teal: #20C997;--bg: #F8F9FF;--bg-card: #FFFFFF;--bg-dark: #1a1a2e;--text: #2D3436;--text-light: #636E72;--text-muted: #B2BEC3;--border: #E8ECF4;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 8px 40px rgba(0,0,0,.12);--shadow-color: 0 4px 20px rgba(108,99,255,.2);--bg-surface: #FFFFFF;--bg-input: #FFFFFF;--bg-gradient-landing: linear-gradient(135deg, #f0f0ff, #fff0f5);--bg-gradient-auth: linear-gradient(135deg, #f0f0ff 0%, #fff5f5 50%, #f0fff4 100%);--bg-gradient-child: linear-gradient(180deg, #FFFBF0 0%, #F0F4FF 50%, #FFF0F5 100%);--focus-ring: rgba(108,99,255,.15);--hover-tint: rgba(108,99,255,.08);--overlay: rgba(0,0,0,.5);--font: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=dark]{--bg: #121220;--bg-card: #1e1e32;--bg-dark: #0d0d1a;--text: #E8E8F0;--text-light: #A0A0B8;--text-muted: #6B6B82;--border: #2E2E48;--bg-surface: #1e1e32;--bg-input: #16162a;--shadow-sm: 0 2px 8px rgba(0,0,0,.25);--shadow: 0 4px 20px rgba(0,0,0,.35);--shadow-lg: 0 8px 40px rgba(0,0,0,.45);--shadow-color: 0 4px 20px rgba(108,99,255,.35);--bg-gradient-landing: linear-gradient(135deg, #1a1a30, #251a28);--bg-gradient-auth: linear-gradient(135deg, #1a1a30 0%, #251a20 50%, #1a2518 100%);--bg-gradient-child: linear-gradient(180deg, #1e1c14 0%, #161a28 50%, #201820 100%);--focus-ring: rgba(108,99,255,.3);--hover-tint: rgba(108,99,255,.15);--overlay: rgba(0,0,0,.7)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer;border:none;outline:none}.container,.landing-main{max-width:1200px;margin:0 auto;padding:0 24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-weight:700;font-size:1rem;transition:all .2s ease;border:2px solid transparent;min-height:48px}.btn:hover{transform:translateY(-2px);text-decoration:none}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-color)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-surface);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.btn-ghost{background:transparent;color:var(--primary);border:none;font-weight:600;text-decoration:none;padding:8px 14px}.btn-ghost:hover{background:var(--primary);color:#fff;border-radius:8px}.btn-small{padding:8px 16px;font-size:.9rem}.btn-success{background:var(--green);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-large{padding:16px 32px;font-size:1.2rem;border-radius:var(--radius-lg);min-height:56px}.btn-icon{width:48px;height:48px;padding:0;border-radius:var(--radius)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:700;margin-bottom:8px;color:var(--text);font-size:.95rem}.form-input{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius);font-size:1rem;font-family:var(--font);transition:border-color .2s,box-shadow .2s;background:var(--bg-input);color:var(--text);min-height:48px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-error{color:var(--red);font-size:.85rem;margin-top:4px;font-weight:600}.form-help{color:var(--text-light);font-size:.85rem;margin-top:4px}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:var(--text-muted);display:flex;align-items:center;line-height:1}.password-toggle:hover{color:var(--text)}.card{background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);cursor:pointer}.landing{min-height:100vh}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;position:relative}.landing-logo{display:flex;align-items:center}.nav-logo-img{height:104px;width:auto}.landing-nav-links{display:flex;gap:16px;align-items:center}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;z-index:1001}.hamburger span{display:block;width:24px;height:3px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:768px){.hamburger{display:flex}.landing-nav-links{display:none;flex-direction:column;position:absolute;top:100%;right:0;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:16px;gap:8px;min-width:200px;z-index:1000}.landing-nav-links.show{display:flex}.landing-nav-links .btn{width:100%;text-align:center;justify-content:center}.nav-logo-img{height:64px}}.landing-hero{padding:80px 0;text-align:center}.landing-hero h1{font-size:3.5rem;font-weight:900;line-height:1.2;margin-bottom:24px;color:var(--text)}.landing-hero h1 .highlight{background:linear-gradient(135deg,var(--primary),var(--purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-hero p{font-size:1.3rem;color:var(--text-light);max-width:600px;margin:0 auto 40px}.landing-hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.landing-features{padding:80px 0}.landing-features h2{text-align:center;font-size:2.2rem;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-card{text-align:center;padding:32px}.feature-icon{font-size:3rem;margin-bottom:16px}.feature-card h3{font-size:1.2rem;margin-bottom:8px}.feature-card p{color:var(--text-light);font-size:.95rem}.landing-subjects{padding:60px 0;background:var(--bg-gradient-landing);border-radius:var(--radius-lg);margin:40px 0}.subjects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px}.subject-pill{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg-surface);border-radius:var(--radius-full);font-weight:700;font-size:1rem;box-shadow:var(--shadow-sm);transition:all .2s}.subject-pill:hover{transform:scale(1.05);box-shadow:var(--shadow)}.landing-footer{border-top:1px solid var(--border);padding:40px 24px 28px;color:var(--text-light)}.footer-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:10px}.footer-logo{height:26px;width:auto;opacity:.75}.footer-tagline{font-size:.85rem;color:var(--text-light)}.footer-links{display:flex;gap:28px;flex-wrap:wrap}.footer-links a{font-size:.85rem;color:var(--text-light);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.footer-copy{text-align:center;font-size:.78rem;color:var(--text-light);opacity:.55;margin-top:24px;margin-bottom:0}@media(max-width:600px){.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-links{gap:20px;justify-content:center}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--bg-gradient-auth)}.auth-card{width:100%;max-width:440px;padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:1.8rem;margin-bottom:8px}.auth-header p{color:var(--text-light)}.auth-footer{text-align:center;margin-top:24px;color:var(--text-light)}.sso-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-muted);font-size:.85rem}.sso-divider:before,.sso-divider:after{content:"";flex:1;height:1px;background:var(--border)}.sso-buttons{display:flex;gap:10px;margin-bottom:4px}.btn-sso{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 12px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:border-color .2s,box-shadow .2s,background .2s;white-space:nowrap}.btn-sso:hover{border-color:var(--primary);box-shadow:0 2px 8px #00000014;background:var(--bg)}.btn-sso svg{flex-shrink:0}.btn-sso-apple{background:#000;color:#fff;border-color:#000}.btn-sso-apple:hover{background:#222;border-color:#222;box-shadow:0 2px 8px #00000040}[data-theme=dark] .btn-sso-apple{background:#fff;color:#000;border-color:#fff}[data-theme=dark] .btn-sso-apple:hover{background:#e0e0e0;border-color:#e0e0e0}.login-tabs{display:flex;gap:8px;margin-bottom:24px;background:var(--bg);border-radius:var(--radius);padding:4px}.login-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border:2px solid transparent;border-radius:calc(var(--radius) - 2px);background:transparent;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;color:var(--text-light)}.login-tab:hover{background:var(--bg-surface);color:var(--text)}.login-tab.active{background:var(--bg-surface);border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow)}.login-tab-icon{font-size:1.3rem}.form-hint{text-align:center;font-size:.85rem;color:var(--text-muted);margin-top:16px}.pin-login-input{text-align:center;font-size:1.5rem;letter-spacing:12px;font-weight:800}.parent-layout{min-height:100vh;background:var(--bg)}.parent-header{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:0 24px;position:sticky;top:0;z-index:100}.parent-header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:75px}.parent-header .logo{display:flex;align-items:center}.header-logo-img{height:75px;width:auto}.parent-header-nav{display:flex;align-items:center;gap:16px}.parent-header-nav a,.parent-header-nav button{color:var(--text-light);font-weight:600;padding:8px 16px;border-radius:var(--radius-sm);transition:all .2s;background:none;font-size:.95rem}.parent-header-nav a:hover,.parent-header-nav button:hover{color:var(--primary);background:var(--hover-tint);text-decoration:none}.parent-content{max-width:1200px;margin:0 auto;padding:32px 24px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:2rem;margin-bottom:8px}.dashboard-header p{color:var(--text-light);font-size:1.05rem}.dashboard-actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.children-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px}.child-card{position:relative;transition:all .3s ease}.child-card-inner{display:flex;gap:16px;align-items:flex-start}.child-avatar-large{width:80px;height:80px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0}.child-info h3{font-size:1.2rem;margin-bottom:4px}.child-info .age-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;background:var(--hover-tint);color:var(--primary);border-radius:var(--radius-full);font-size:.8rem;font-weight:700;margin-bottom:8px}.child-stats{display:flex;gap:16px;margin-top:8px}.child-stat{text-align:center}.child-stat-value{font-size:1.3rem;font-weight:800;color:var(--primary)}.child-stat-label{font-size:.75rem;color:var(--text-light);font-weight:600}.child-card-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.add-child-card{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:200px;border:3px dashed var(--border);background:transparent;box-shadow:none;color:var(--text-muted);transition:all .3s;cursor:pointer}.add-child-card:hover{border-color:var(--primary);color:var(--primary);background:var(--hover-tint)}.add-child-card .icon{font-size:2.5rem}.progress-page{max-width:900px}.progress-header{display:flex;align-items:center;gap:24px;margin-bottom:32px}.progress-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px}.stat-card{text-align:center;padding:20px}.stat-card .stat-value{font-size:2rem;font-weight:900;color:var(--primary)}.stat-card .stat-label{font-size:.85rem;color:var(--text-light);font-weight:600}.subject-progress{margin-bottom:32px}.subject-progress h2{font-size:1.4rem;margin-bottom:16px}.subject-progress-list{display:flex;flex-direction:column;gap:12px}.subject-progress-item{display:flex;align-items:center;gap:16px;padding:16px}.subject-progress-item .subject-icon{font-size:1.5rem;width:40px;text-align:center}.subject-progress-item .subject-info{flex:1}.subject-progress-item .subject-name{font-weight:700;margin-bottom:4px}.progress-bar-container{width:100%;height:10px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary),var(--purple));transition:width .5s ease}.subject-progress-item .accuracy{font-weight:800;font-size:1.1rem;color:var(--primary);min-width:50px;text-align:right}.child-layout{min-height:100vh;background:var(--bg-gradient-child)}.child-header{padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.child-header .logo{display:flex;align-items:center}.child-header-right{display:flex;align-items:center;gap:12px}.points-display{display:flex;align-items:center;gap:6px;background:var(--bg-surface);padding:8px 16px;border-radius:var(--radius-full);font-weight:800;color:var(--orange);box-shadow:var(--shadow-sm)}.streak-display{display:flex;align-items:center;gap:6px;background:var(--bg-surface);padding:8px 16px;border-radius:var(--radius-full);font-weight:800;color:var(--red);box-shadow:var(--shadow-sm)}.child-content{max-width:900px;margin:0 auto;padding:24px}.picker-page{text-align:center;padding:60px 0}.picker-page h1{font-size:2.4rem;margin-bottom:12px}.picker-page p{color:var(--text-light);font-size:1.2rem;margin-bottom:48px}.profile-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:32px}.profile-card{width:200px;padding:32px 24px;text-align:center;border-radius:var(--radius-lg);transition:all .3s;cursor:pointer;border:3px solid transparent}.profile-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--primary);box-shadow:var(--shadow-lg)}.profile-card .avatar{width:100px;height:100px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:3rem}.profile-card .name{font-size:1.3rem;font-weight:800;margin-bottom:4px}.profile-card .age{color:var(--text-light);font-weight:600}.subject-selector{text-align:center;padding:40px 0}.subject-selector h1{font-size:2.2rem;margin-bottom:8px}.subject-selector .subtitle{color:var(--text-light);font-size:1.1rem;margin-bottom:40px}.subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.subject-grid.subject-grid-1,.subject-grid.subject-grid-2,.subject-grid.subject-grid-3{justify-content:center;margin:0 auto}.subject-grid.subject-grid-1{max-width:320px;grid-template-columns:minmax(220px,320px)}.subject-grid.subject-grid-2{max-width:720px;grid-template-columns:repeat(2,minmax(220px,320px))}.subject-grid.subject-grid-3{max-width:1040px;grid-template-columns:repeat(3,minmax(220px,320px))}.subject-tile{padding:32px 20px;text-align:center;border-radius:var(--radius-lg);transition:all .3s;cursor:pointer;border:3px solid transparent;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center}.subject-tile:hover{transform:translateY(-6px) scale(1.02);border-color:var(--primary);box-shadow:var(--shadow-lg)}.subject-tile .icon{font-size:3rem;margin-bottom:12px}.subject-tile .name{font-size:1.2rem;font-weight:800}.subject-tile .count{font-size:.85rem;color:var(--text-light);margin-top:4px}.quiz-screen{max-width:700px;margin:0 auto;padding:20px 0}.quiz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.quiz-header .subject-label{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.2rem}.quiz-progress{width:100%;height:12px;background:var(--border);border-radius:var(--radius-full);margin-bottom:32px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--teal));border-radius:var(--radius-full);transition:width .5s ease}.quiz-question-card{padding:40px;margin-bottom:24px;text-align:center}.quiz-question-number{color:var(--text);font-weight:700;font-size:.9rem;margin-bottom:12px}.quiz-question-text{font-size:1.4rem;font-weight:800;line-height:1.4;color:var(--text);min-height:80px;display:flex;align-items:center;justify-content:center}.quiz-question-image{max-width:100%;max-height:320px;object-fit:contain;border-radius:12px;margin:16px auto 0;display:block}.quiz-hint-label{text-align:center;font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:12px;letter-spacing:.01em}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.quiz-option{padding:20px;border:3px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;min-height:64px;text-align:left}.quiz-option:hover:not(.disabled){border-color:var(--primary);background:var(--hover-tint);transform:translateY(-2px)}.quiz-option:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.quiz-option .letter{width:36px;height:36px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0}.quiz-option.correct{border-color:var(--green);background:#51cf661a}.quiz-option.correct .letter{background:var(--green);color:#fff}.quiz-option.incorrect{border-color:var(--red);background:#ff6b6b1a}.quiz-option.incorrect .letter{background:var(--red);color:#fff}.quiz-option.disabled{cursor:default;opacity:.6}.quiz-option.disabled.correct,.quiz-option.disabled.incorrect{opacity:1}.quiz-option.selected{border-color:var(--primary);background:var(--hover-tint)}.quiz-option.selected .letter{background:var(--primary);color:#fff}.option-image-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.option-image{max-width:120px;max-height:100px;border-radius:6px;object-fit:cover}.option-image-text{font-size:.85rem;color:var(--text-muted, #666)}.quiz-question-type-label{font-size:.85rem;font-weight:700;color:var(--primary);margin-bottom:8px;opacity:.8}.short-answer-container{text-align:center;margin-bottom:24px}.short-answer-input{width:100%;max-width:500px;padding:20px 24px;font-size:1.3rem;font-weight:700;border:3px solid var(--border);border-radius:var(--radius);text-align:center;margin-bottom:16px;transition:border-color .2s;background:var(--bg-input);color:var(--text);font-family:var(--font)}.short-answer-input:focus{outline:none;border-color:var(--primary)}.short-answer-input:disabled{opacity:.6;background:var(--bg)}.match-container{margin-bottom:24px}.match-pairs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.match-row{display:flex;align-items:center;gap:12px}.match-left{flex:1;padding:14px 16px;background:var(--bg);border-radius:var(--radius);font-weight:700;font-size:.95rem;text-align:right}.match-arrow{font-size:1.4rem;color:var(--text-muted);flex-shrink:0}.match-right-slot{flex:1;padding:14px 16px;border:3px dashed var(--border);border-radius:var(--radius);font-size:.95rem;min-height:48px;display:flex;align-items:center;cursor:pointer;transition:all .2s}.match-right-slot.empty{color:var(--text-muted);font-style:italic}.match-right-slot.filled{border-style:solid;border-color:var(--primary);background:var(--hover-tint);font-weight:700}.match-options{background:var(--bg);border-radius:var(--radius);padding:16px;margin-bottom:16px}.match-options-label{font-weight:700;font-size:.85rem;color:var(--text-muted);margin-bottom:10px}.match-option-list{display:flex;flex-wrap:wrap;gap:8px}.match-option-btn{padding:10px 16px;background:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius);font-weight:700;font-size:.95rem;cursor:grab;transition:all .2s}.match-option-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.match-option-btn:active{cursor:grabbing}.order-container{margin-bottom:24px}.order-instruction{font-weight:700;color:var(--text-light);margin-bottom:16px;text-align:center}.order-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.order-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-surface);border:3px solid var(--border);border-radius:var(--radius);cursor:grab;transition:all .2s}.order-item:hover{border-color:var(--primary)}.order-item.dragging{opacity:.5;border-color:var(--primary)}.order-number{width:32px;height:32px;background:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;flex-shrink:0}.order-text{flex:1;font-weight:700;font-size:.95rem}.order-arrows{display:flex;flex-direction:column;gap:2px}.order-arrow{width:36px;height:36px;border:1px solid var(--border);border-radius:4px;background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s}.order-arrow:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.order-arrow:disabled{opacity:.3;cursor:default}.feedback-detail{margin-top:12px;text-align:left;font-size:.9rem}.feedback-option{padding:4px 0;color:var(--text-light)}.feedback-option.correct{color:var(--green);font-weight:700}.feedback-match-row{padding:4px 0}.feedback-match-row.correct{color:var(--green)}.feedback-match-row.incorrect{color:var(--red)}.feedback-order-item{padding:2px 0;color:var(--text-light)}.quiz-feedback{padding:24px;border-radius:var(--radius);margin-bottom:24px;text-align:center}.quiz-feedback.correct{background:#51cf661a;border:2px solid var(--green)}.quiz-feedback.incorrect{background:#ff6b6b1a;border:2px solid var(--red)}.quiz-feedback.skipped{background:#ffc1071a;border:2px solid #ffc107}.quiz-history-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(var(--primary-rgb, 99,102,241),.08);border:1.5px solid var(--primary);border-radius:var(--radius);padding:10px 16px;margin-bottom:16px;font-size:.9rem;font-weight:600;color:var(--primary)}.quiz-history-return-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap}.quiz-history-return-btn:hover{opacity:.85}.quiz-feedback .feedback-icon{font-size:2rem;margin-bottom:8px}.quiz-feedback h3{font-size:1.2rem;margin-bottom:8px}.quiz-feedback p{color:var(--text-light);font-size:.95rem}.quiz-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.quiz-complete-actions{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;max-width:520px;margin:0 auto}.quiz-complete-actions .btn{width:100%}.quiz-complete{text-align:center;padding:40px}.quiz-complete .trophy{font-size:4rem;margin-bottom:16px}.quiz-complete h2{font-size:2rem;margin-bottom:8px}.quiz-complete .score{font-size:1.2rem;color:var(--text-light);margin-bottom:24px}.quiz-complete .score strong{color:var(--primary);font-size:1.4rem}.review-page{max-width:720px;margin:0 auto;padding:24px 16px 48px}.review-header{text-align:center;margin-bottom:24px}.review-header h1{font-size:2rem;margin-bottom:6px}.review-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:14px 16px;background:var(--card-bg, #fff);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.review-subject-select{flex:1;min-width:160px;padding:8px 12px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-size:.95rem;cursor:pointer}.review-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.review-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.review-card{background:var(--card-bg, #fff);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px;border-left-width:4px;border-left-style:solid;transition:box-shadow .15s}.review-card--selected{box-shadow:0 0 0 2px var(--primary)}.review-card-top{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.review-checkbox-label{display:flex;align-items:center;cursor:pointer}.review-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.review-tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.03em}.review-tag--incorrect{background:#fee2e2;color:#b91c1c}.review-tag--skipped{background:#fef3c7;color:#b45309}.review-subject-badge{font-size:.82rem;font-weight:600;margin-left:auto}.review-question-text{font-size:1rem;line-height:1.5;margin-bottom:10px;color:var(--text)}.review-toggle-answer{background:none;border:none;color:var(--primary);font-size:.88rem;font-weight:600;cursor:pointer;padding:4px 0;margin-top:4px;text-decoration:underline dotted;min-height:44px;display:inline-flex;align-items:center}.review-toggle-answer:hover{opacity:.75}.review-answer{margin-top:10px;padding:10px 14px;background:rgba(var(--primary-rgb, 99,102,241),.06);border-radius:8px;font-size:.95rem;display:flex;flex-direction:column;gap:4px}.review-answer strong{color:var(--text-light);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.review-answer-text{color:var(--text);font-weight:600;white-space:pre-line}.review-empty{text-align:center;padding:60px 24px;color:var(--text-light)}.review-empty p:first-child{font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:8px}.rewards-page{text-align:center;padding:40px 0}.rewards-page h1{font-size:2.2rem;margin-bottom:8px}.rewards-page .subtitle{color:var(--text-light);font-size:1.1rem;margin-bottom:40px}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.badge-card{padding:24px;text-align:center;transition:all .3s}.badge-card.earned{border:2px solid var(--yellow)}.badge-card.locked{opacity:.5;filter:grayscale(.5)}.badge-card .badge-icon{font-size:2.5rem;margin-bottom:8px}.badge-card .badge-name{font-weight:800;font-size:1rem;margin-bottom:4px}.badge-card .badge-desc{font-size:.85rem;color:var(--text-light)}.badge-card .badge-date{font-size:.75rem;color:var(--text-muted);margin-top:8px}.avatar-bg-1{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.avatar-bg-2{background:linear-gradient(135deg,#339af0,#0652dd)}.avatar-bg-3{background:linear-gradient(135deg,#51cf66,#009432)}.avatar-bg-4{background:linear-gradient(135deg,#cc5de8,#6f1e51)}.avatar-bg-5{background:linear-gradient(135deg,#ffa94d,#e67e22)}.avatar-bg-6{background:linear-gradient(135deg,#20c997,#0a3d62)}.avatar-bg-7{background:linear-gradient(135deg,#f06595,#c44569)}.avatar-bg-8{background:linear-gradient(135deg,#ffd93d,#f39c12)}.pin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.pin-dialog{background:var(--bg-surface);border-radius:var(--radius-lg);padding:40px;max-width:420px;width:100%;text-align:center}.pin-dialog h2{font-size:1.4rem;margin-bottom:8px}.pin-dialog p{color:var(--text-light);margin-bottom:24px}.pin-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.pin-inputs input{width:56px;height:64px;text-align:center;font-size:1.5rem;font-weight:800;border:3px solid var(--border);border-radius:var(--radius);font-family:var(--font);background:var(--bg-input);color:var(--text)}.pin-inputs input:focus{border-color:var(--primary);outline:none}.child-form{max-width:600px}.child-form h1{font-size:1.8rem;margin-bottom:24px}.avatar-picker{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.avatar-option{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .2s;border:3px solid transparent;color:#fff}.avatar-option:hover{transform:scale(1.1)}.avatar-option.selected{border-color:var(--text);transform:scale(1.15);box-shadow:var(--shadow)}.subject-checkboxes{display:grid;grid-template-columns:1fr 160px;gap:8px 12px;align-items:center}.subject-col-header{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:0 4px 4px;border-bottom:2px solid var(--border)}.subject-checkbox{display:flex;align-items:center;gap:10px;padding:10px 14px;border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .2s,background .2s;font-weight:600;width:100%;box-sizing:border-box}.subject-difficulty{display:flex;align-items:center}.subject-difficulty .difficulty-select{width:100%;padding:8px 10px;font-size:.85rem}.difficulty-na{color:var(--text-muted);padding-left:8px;font-size:1rem}.subject-checkbox:hover{border-color:var(--primary-light)}.subject-checkbox.checked{border-color:var(--primary);background:var(--hover-tint)}.subject-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.2rem;color:var(--text-light);gap:12px}.spinner{width:32px;height:32px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light)}.empty-state .icon{font-size:3rem;margin-bottom:16px}.empty-state h3{font-size:1.3rem;color:var(--text);margin-bottom:8px}.help-page{max-width:780px;margin:0 auto;padding:48px 24px 80px}.help-header{text-align:center;margin-bottom:40px}.help-header-icon{font-size:3rem;margin-bottom:12px}.help-header h1{font-size:2rem;margin-bottom:8px}.help-subtitle{color:var(--text-muted);font-size:1.05rem}.help-content{display:flex;flex-direction:column;gap:8px}.help-section{border:2px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg-card)}.help-section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:none;border:none;cursor:pointer;font-size:1.05rem;font-weight:700;color:var(--text);text-align:left;transition:background .15s}.help-section-header:hover{background:var(--bg-hover, rgba(0,0,0,.04))}.help-section-header.open{border-bottom:2px solid var(--border);color:var(--primary)}.help-chevron{font-size:.75rem;opacity:.6;flex-shrink:0}.help-section-body{padding:20px 20px 24px;display:flex;flex-direction:column;gap:16px;color:var(--text-light);line-height:1.75}.help-qa{border-left:3px solid var(--primary);padding-left:14px}.help-q{font-weight:700;color:var(--text);margin-bottom:6px}.help-a{color:var(--text-light);line-height:1.75}.help-steps{padding-left:20px;display:flex;flex-direction:column;gap:6px;color:var(--text-light)}.help-steps li{line-height:1.7}.help-list{padding-left:4px;list-style:none;display:flex;flex-direction:column;gap:6px;color:var(--text-light)}.help-tip{background:var(--bg-tip, rgba(99, 102, 241, .08));border:1.5px solid var(--primary);border-radius:8px;padding:10px 14px;font-size:.9rem;color:var(--text);line-height:1.6}.help-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:12px 0 8px}.help-table th{background:var(--primary);color:#fff;padding:8px 12px;text-align:left;font-weight:700}.help-table td{padding:8px 12px;border-bottom:1px solid var(--border)}.help-table tr:nth-child(2n) td{background:var(--bg)}.help-footer{margin-top:48px;text-align:center;color:var(--text-muted);font-size:.9rem;display:flex;flex-direction:column;gap:8px;align-items:center}.help-privacy-link{color:var(--primary);text-decoration:underline}.help-search-bar{display:flex;align-items:center;background:var(--bg-card);border:1.5px solid var(--border);border-radius:12px;padding:0 14px;margin-top:20px;max-width:520px;margin-left:auto;margin-right:auto;transition:border-color .2s}.help-search-bar:focus-within{border-color:var(--primary)}.help-search-icon{font-size:1.1rem;margin-right:10px;flex-shrink:0;opacity:.6}.help-search-input{flex:1;border:none;background:transparent;padding:12px 0;font-size:1rem;color:var(--text);outline:none}.help-search-input::placeholder{color:var(--text-muted)}.help-search-input::-webkit-search-cancel-button{display:none}.help-search-clear{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1rem;padding:4px 6px;border-radius:6px;line-height:1;transition:color .15s,background .15s;flex-shrink:0}.help-search-clear:hover{color:var(--text);background:var(--border)}.help-highlight{background:color-mix(in srgb,var(--primary) 25%,transparent);color:inherit;border-radius:3px;padding:0 2px;font-style:normal}.help-search-count{font-size:.9rem;color:var(--text-muted);margin-bottom:16px}.help-search-result{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-bottom:12px;transition:box-shadow .2s}.help-search-result:hover{box-shadow:0 2px 12px #00000014}.help-search-result-meta{margin-bottom:6px}.help-search-result-section{display:inline-block;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:.78rem;font-weight:600;padding:2px 10px;border-radius:20px;letter-spacing:.02em}.help-search-result-title{font-weight:600;color:var(--text);margin:0 0 4px;font-size:.97rem}.help-search-result-body{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.help-no-results{text-align:center;padding:48px 24px;color:var(--text-muted)}.privacy-page{max-width:800px;margin:0 auto;padding:60px 24px}.privacy-page h1{font-size:2rem;margin-bottom:24px}.privacy-page h2{font-size:1.3rem;margin-top:32px;margin-bottom:12px}.privacy-page p,.privacy-page ul{color:var(--text-light);margin-bottom:16px;line-height:1.8}.privacy-page ul{padding-left:24px}@media(max-width:900px){.pricing-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:560px){.pricing-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.landing-hero h1{font-size:2.2rem}.landing-hero p{font-size:1.1rem}.quiz-options{grid-template-columns:1fr}.quiz-question-text{font-size:1.2rem}.quiz-question-card{padding:24px}.profile-card{width:160px;padding:24px 16px}.profile-card .avatar{width:80px;height:80px;font-size:2rem}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.children-grid{grid-template-columns:1fr}.parent-header-inner{height:auto;padding:12px 0;flex-wrap:wrap;gap:8px}.parent-header-nav{flex-wrap:wrap;justify-content:flex-end;gap:6px}.parent-header-nav a,.parent-header-nav button{font-size:.85rem;padding:6px 10px}.child-header{flex-wrap:wrap;gap:8px;padding:12px 16px}.child-header-right{flex-wrap:wrap;gap:6px}.child-header-right .btn{padding:6px 10px!important;font-size:.8rem!important}.progress-overview{grid-template-columns:repeat(2,1fr)}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:480px){.auth-page{padding:24px 16px}.auth-card,.pin-dialog{padding:24px 20px}.subject-checkboxes{grid-template-columns:1fr 120px}.landing-hero-buttons{flex-direction:column;align-items:center}.quiz-actions{flex-direction:column}.quiz-actions .btn,.quiz-complete-actions .btn{width:100%}.quiz-complete-actions{grid-template-columns:1fr}.subject-grid.subject-grid-2,.subject-grid.subject-grid-3{max-width:100%;grid-template-columns:1fr}.dashboard-actions,.child-card-actions{flex-direction:column}.child-card-actions .btn{width:100%}}@media(max-width:360px){.subject-checkboxes{grid-template-columns:1fr}.subject-col-header:nth-child(2),.subject-difficulty{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-bounce-in{animation:bounceIn .5s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}*:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);background:var(--bg);border:2px solid var(--border);cursor:pointer;font-weight:700;font-size:.85rem;color:var(--text-light);transition:all .2s;font-family:var(--font);white-space:nowrap}.theme-toggle:hover{border-color:var(--primary);color:var(--primary);background:var(--hover-tint)}.theme-toggle.compact{padding:6px 12px;font-size:.8rem}.theme-toggle .theme-icon{font-size:1rem;line-height:1}[data-theme=dark] .btn-secondary:hover{color:#fff}[data-theme=dark] select{background:var(--bg-input);color:var(--text);border-color:var(--border)}[data-theme=dark] img{opacity:.9}.skip-link{position:absolute;top:-100px;left:16px;padding:12px 24px;background:var(--primary);color:#fff;border-radius:var(--radius);z-index:10000;font-weight:700}.skip-link:focus{top:16px}.admin-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.admin-tab-bar{display:flex;gap:.25rem;border-bottom:2px solid var(--border, #e5e7eb);margin-bottom:2rem;overflow-x:auto}.admin-tab-btn{display:flex;align-items:center;gap:.4rem;padding:.65rem 1.25rem;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--text-muted, #6b7280);font-size:.95rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;margin-bottom:-2px}.admin-tab-btn:hover{color:var(--primary, #6366f1)}.admin-tab-btn.active{color:var(--primary, #6366f1);border-bottom-color:var(--primary, #6366f1);font-weight:600}.admin-tab-icon{font-size:1rem}.admin-tab-content{min-height:400px}.admin-loading{text-align:center;padding:3rem;color:var(--text-muted, #6b7280)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-header h1{font-size:1.8rem;color:var(--text);margin-bottom:.5rem}.admin-header p{color:var(--text-light)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-stats-grid .stat-card{display:flex;align-items:center;padding:1.5rem;background:var(--bg-surface);border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border)}.stat-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-right:1rem}.bg-blue-light{background:#e0f2fe;color:#0284c7}.bg-green-light{background:#dcfce7;color:#16a34a}.bg-purple-light{background:#f3e8ff;color:#9333ea}.bg-orange-light{background:#ffedd5;color:#ea580c}.admin-stats-grid .stat-label{font-size:.875rem;color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-stats-grid .stat-value{font-size:1.5rem;font-weight:700;color:var(--text)}.admin-table-card{background:var(--bg-surface);border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border);overflow:hidden}.admin-table-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.admin-table-header{flex-direction:row;justify-content:space-between;align-items:center}}.admin-search-form{display:flex;gap:.5rem;width:100%}@media(min-width:768px){.admin-search-form{width:auto}}.admin-search-form input{padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;min-width:250px;background:var(--bg-input);color:var(--text)}.table-responsive{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:1rem 1.5rem;background:var(--bg);color:var(--text-light);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{background:var(--hover-tint);color:var(--text)}.sort-active{color:var(--primary, #6366f1)!important;background:var(--grey-100, #f3f4f6)}.sort-indicator{font-size:.65rem;opacity:.6;margin-left:2px}.sort-active .sort-indicator{opacity:1}.admin-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.admin-table tr:hover{background-color:var(--hover-tint)}.user-name{font-weight:600;color:var(--text)}.user-email{font-size:.875rem;color:var(--text-light)}.badge{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-purple{background:#f3e8ff;color:#9333ea}.badge-blue{background:#e0f2fe;color:#0284c7}.badge-gray{background:#f3f4f6;color:#4b5563}.badge-green{background:#dcfce7;color:#16a34a}.badge-red{background:#fee2e2;color:#991b1b}.text-muted{color:#9ca3af}.btn-sm{padding:.25rem .75rem;font-size:.75rem;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s}.btn-danger-outline{border:1px solid #EF4444;color:#ef4444;background:transparent}.btn-danger-outline:hover{background:#ef4444;color:#fff}.btn-success-outline{border:1px solid #10B981;color:#10b981;background:transparent}.btn-success-outline:hover{background:#10b981;color:#fff}.btn-outline{border:1px solid #D1D5DB;background:#fff;color:#374151}.btn-outline:hover{background:#f3f4f6}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.admin-pagination{padding:1rem 1.5rem;border-top:1px solid var(--grey-200, #e5e7eb);background:var(--grey-50, #f9fafb);display:flex;justify-content:space-between;align-items:center}.pagination-controls{display:flex;gap:.5rem}.pagination-info{font-size:.875rem;color:var(--grey-500, #6b7280)}.admin-login-page{background-color:#f8fafc}.admin-login-page .card{border-top:4px solid #EF4444}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-card);padding:2rem;border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:500px;animation:fadeIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1.5rem}.modal-header h2{margin:0;font-size:1.5rem}.modal-close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-color)}.modal-form .form-group{margin-bottom:1.5rem}.modal-form label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.modal-form input,.modal-form select,.modal-form textarea{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-input, var(--bg-card));color:var(--text-color);box-sizing:border-box;transition:border-color .2s;outline:none}.modal-form input:focus,.modal-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.modal-form .input-with-actions{display:flex;gap:.5rem;align-items:center}.modal-footer{display:flex;justify-content:flex-end;padding-top:1rem;margin-top:.5rem;border-top:1px solid var(--border-color)}.modal-form .input-with-actions input{flex:1}.modal-form .input-action-btn{flex-shrink:0;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-card);cursor:pointer;font-size:.875rem;color:var(--text-color);transition:all .2s;white-space:nowrap}.modal-form .input-action-btn:hover{border-color:var(--primary);color:var(--primary)}.modal-body{padding:.5rem 0}.modal-form .form-hint{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.modal-form .form-error{color:var(--danger);font-size:.875rem;margin-top:.25rem}.input-error{border-color:var(--danger, #ef4444)!important}.input-error:focus{box-shadow:0 0 0 3px #ef444433!important}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.password-display{display:flex;align-items:center;justify-content:space-between;background:var(--bg-input);padding:.75rem 1rem;border-radius:8px;margin:1rem 0}.password-display strong{font-family:monospace;font-size:1.1rem}.contact-page{max-width:800px;margin:0 auto;padding:60px 24px}.contact-intro{text-align:center;margin-bottom:48px}.contact-intro h1{font-size:2rem;margin-bottom:12px;color:var(--text)}.contact-intro p{font-size:1.05rem;color:var(--text-light);line-height:1.6}.contact-container{display:grid;gap:48px}.contact-question-ref-banner{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:12px 16px;margin-bottom:24px;font-size:.9rem;color:#5d4037}.contact-form{background:var(--bg-surface);padding:32px;border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{font-weight:600;color:var(--text);font-size:.95rem}.form-input{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:1rem;color:var(--text);background:var(--bg-input);transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.form-input:disabled{background:var(--bg);color:var(--text-muted);cursor:not-allowed}textarea.form-input{resize:vertical;min-height:120px;font-family:var(--font)}.contact-success{text-align:center;padding:48px 24px}.success-icon{font-size:4rem;margin-bottom:24px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.contact-success h1{font-size:2rem;margin-bottom:12px;color:var(--green)}.contact-success p{color:var(--text-light);font-size:1.05rem;line-height:1.6}.contact-faq{margin-top:48px}.contact-faq h2{font-size:1.5rem;margin-bottom:24px;color:var(--text)}.faq-items{display:flex;flex-direction:column;gap:12px}.faq-items details{background:var(--bg-surface);padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:all .2s}.faq-items details:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.faq-items summary{font-weight:600;color:var(--text);-webkit-user-select:none;user-select:none;outline:none}.faq-items summary:hover{color:var(--primary)}.faq-items details[open] summary{color:var(--primary);margin-bottom:12px}.faq-items details p{color:var(--text-light);margin:0;line-height:1.6;font-size:.95rem}.faq-items a{color:var(--primary);text-decoration:none}.faq-items a:hover{text-decoration:underline}@media(max-width:600px){.contact-page{padding:40px 16px}.contact-form{padding:24px}.contact-intro h1{font-size:1.5rem}.contact-intro p{font-size:1rem}.contact-faq h2{font-size:1.25rem}}