:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-mid: #818cf8;--primary-light: #eef2ff;--primary-glow: rgba(99,102,241,.16);--ink: #0f172a;--sub: #1e293b;--muted: #64748b;--faint: #94a3b8;--soft: #f8fafc;--softer: #f1f5f9;--line: #e2e8f0;--white: #ffffff;--green: #10b981;--orange: #f59e0b;--red: #ef4444;--blue: #3b82f6;--shadow-xs: 0 1px 2px rgba(15,23,42,.04);--shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 2px 8px rgba(15,23,42,.04);--shadow-md: 0 4px 16px rgba(15,23,42,.08), 0 1px 4px rgba(15,23,42,.04);--shadow-lg: 0 12px 40px rgba(15,23,42,.12), 0 4px 8px rgba(15,23,42,.04);--shadow-xl: 0 24px 64px rgba(15,23,42,.14), 0 4px 16px rgba(15,23,42,.06);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--soft);font-synthesis:none;letter-spacing:-.01em}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p{margin:0}button,input,select,textarea,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent;cursor:pointer}button,.landing-actions a,.referral-card a{align-items:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:0;border-radius:var(--radius);box-shadow:0 1px 2px #6366f12e,0 4px 14px #6366f138;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:40px;padding:0 18px;text-decoration:none;transition:box-shadow .16s,transform .13s,filter .13s;white-space:nowrap}button:hover,.landing-actions a:hover,.referral-card a:hover{box-shadow:0 2px 6px #6366f138,0 8px 24px #6366f142;filter:brightness(1.06);transform:translateY(-1px)}button:active{filter:brightness(.97);transform:translateY(0);box-shadow:var(--shadow-xs)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none;filter:none}.ghost{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-xs);color:var(--sub)}.ghost:hover{background:var(--soft);box-shadow:var(--shadow-sm);filter:none}h1{color:var(--ink);font-size:26px;font-weight:700;line-height:1.2}h2{color:var(--ink);font-size:22px;font-weight:700;line-height:1.25}h3{color:var(--ink);font-size:16px;font-weight:600;line-height:1.3}p{color:var(--muted);font-size:14px;line-height:1.6}.eyebrow{color:var(--muted);display:block;font-size:13px;margin-bottom:4px}input,select{background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink);min-height:42px;outline:none;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}textarea{background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink);font-size:14px;min-height:110px;outline:none;padding:12px;resize:vertical;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.lang-toggle{background:var(--softer);border-radius:var(--radius);display:flex;gap:3px;padding:3px;width:fit-content}.lang-toggle button{background:transparent;border-radius:9px;box-shadow:none;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;min-height:30px;padding:0 12px;transition:background .13s,color .13s}.lang-toggle button:hover{background:#ffffffb3;box-shadow:none;filter:none;transform:none}.lang-toggle button.active{background:#fff;box-shadow:var(--shadow-xs);color:var(--primary);filter:none;transform:none}.landing{background:var(--white);min-height:100vh;overflow:hidden;padding:32px 48px;position:relative}.landing:before{background-image:radial-gradient(circle,rgba(99,102,241,.1) 1px,transparent 1px);background-size:28px 28px;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 20%,rgba(0,0,0,.6) 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 20%,rgba(0,0,0,.6) 80%,transparent 100%)}.landing:after{background:radial-gradient(ellipse at 15% 40%,rgba(99,102,241,.12) 0%,transparent 40%),radial-gradient(ellipse at 85% 20%,rgba(129,140,248,.1) 0%,transparent 35%),radial-gradient(ellipse at 50% 90%,rgba(16,185,129,.07) 0%,transparent 40%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.landing-topbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1180px;padding-bottom:52px;position:relative;z-index:2}.landing-hero{align-items:center;display:grid;gap:56px;grid-template-columns:minmax(0,1fr) 400px;margin:0 auto;max-width:1180px;min-height:calc(100vh - 180px);position:relative;z-index:1}.landing-copy{animation:rise-in .5s ease both}.brand{align-items:center;display:flex;gap:12px}.product-brand img{display:block;height:auto;object-fit:contain;width:140px}.landing-topbar .product-brand img,.landing-copy .product-brand img{height:40px;width:auto}.brand strong{display:block;font-size:17px}.brand span{color:var(--muted);display:block;font-size:13px}.hero-badge{align-items:center;background:var(--primary-light);border:1px solid rgba(99,102,241,.2);border-radius:999px;color:var(--primary-dark);display:inline-flex;font-size:12.5px;font-weight:600;gap:7px;margin-bottom:20px;padding:6px 14px}.landing-copy h1{background:linear-gradient(135deg,var(--ink) 0%,var(--primary-dark) 55%,var(--primary-mid) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:56px;letter-spacing:-.025em;line-height:1.05;margin-bottom:20px}.landing-copy p{color:var(--muted);font-size:17px;line-height:1.65;max-width:520px}.landing-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 22px}.landing-actions button{font-size:15px;min-height:46px;padding:0 24px}.tg-login-widget{display:flex;align-items:center}.tg-login-widget iframe{border-radius:10px}.landing-actions a{background:var(--ink);box-shadow:0 4px 14px #0f172a33;font-size:15px;min-height:46px;padding:0 24px}.landing-actions a:hover{filter:brightness(1.12)}.trust-row{display:flex;flex-wrap:wrap;gap:8px}.trust-row span{align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:999px;color:var(--sub);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px}.mockup-card{animation:mock-float 5.5s ease-in-out infinite;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:24px}.mockup-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.mockup-top span{color:var(--muted);font-size:13px}.mockup-top strong{color:var(--primary);font-size:42px;font-weight:800;letter-spacing:-.02em}.mock-chart{align-items:end;background:linear-gradient(180deg,var(--primary-light) 0%,rgba(238,242,255,.4) 100%);border-radius:var(--radius-lg);display:flex;gap:10px;height:180px;padding:18px}.mock-chart i{animation:bar-grow .6s ease both;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-mid) 100%);border-radius:6px 6px 3px 3px;flex:1;min-height:10px;opacity:.85}.mock-chart i:nth-child(2n){opacity:1}.mock-leaders{display:grid;gap:8px;margin-top:16px}.mock-leaders div,.leader-row{align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:10px;grid-template-columns:32px minmax(0,1fr) auto;min-height:48px;padding:8px 12px}.mock-leaders span,.leader-row strong{align-items:center;border-radius:8px;color:#c07a00;display:grid;font-size:13px;font-weight:800;height:30px;place-items:center;width:30px}.mock-leaders span:nth-child(1){background:#fef9c3;color:#854d0e}.landing-features{background:var(--soft);border-top:1px solid var(--line);padding:72px 48px;position:relative}.landing-features-inner{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1180px}.feature-card{animation:rise-in .5s ease both;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px 24px;transition:box-shadow .18s,transform .18s,border-color .18s}.feature-card:hover{border-color:#6366f140;box-shadow:0 8px 28px #6366f11f,var(--shadow-sm);transform:translateY(-3px)}.feature-icon{align-items:center;border-radius:var(--radius);display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.feature-card h3{font-size:16px;font-weight:700;margin-bottom:8px}.feature-card p{color:var(--muted);font-size:14px;line-height:1.65}.landing-how{background:var(--soft);border-top:1px solid var(--line);padding:80px 48px;position:relative}.landing-how-inner{margin:0 auto;max-width:1000px;text-align:center}.landing-section-title{font-size:34px;font-weight:800;letter-spacing:-.02em;margin-bottom:52px}.landing-steps{align-items:flex-start;display:flex;gap:0;justify-content:center;text-align:center}.landing-step{animation:rise-in .5s ease both;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex:1;flex-direction:column;align-items:center;max-width:280px;padding:32px 24px;position:relative;transition:box-shadow .18s,transform .18s}.landing-step:hover{box-shadow:0 8px 32px #6366f11a,var(--shadow-sm);transform:translateY(-4px)}.step-num{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:inline-flex;font-size:13px;font-weight:800;height:32px;justify-content:center;margin-bottom:18px;width:32px}.step-icon-wrap{align-items:center;border-radius:var(--radius-lg);display:flex;height:72px;justify-content:center;margin-bottom:16px;width:72px}.landing-step h3{font-size:15px;font-weight:700;margin-bottom:8px}.landing-step p{color:var(--muted);font-size:13px;line-height:1.6}.landing-step-arrow{align-items:center;align-self:center;color:var(--faint);display:flex;flex-shrink:0;margin-top:-24px;padding:0 8px}.landing-cta-section{padding:72px 48px}.landing-cta-inner{align-items:center;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--primary-mid) 100%);border-radius:28px;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:860px;overflow:hidden;padding:64px 40px;position:relative;text-align:center}.landing-cta-glow{background:radial-gradient(ellipse at 20% 50%,rgba(255,255,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(255,255,255,.08) 0%,transparent 50%);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.landing-cta-sparkle{color:#ffffffd9;position:relative}.landing-cta-inner h2{color:#fff;font-size:36px;font-weight:800;letter-spacing:-.02em;position:relative}.landing-cta-inner p{color:#ffffffc7;font-size:16px;max-width:480px;position:relative}.landing-cta-inner .landing-actions{justify-content:center;margin:0;position:relative}.landing-cta-inner button{background:#fff;box-shadow:0 4px 20px #00000026;color:var(--primary-dark)}.landing-cta-inner button:hover{filter:brightness(1.04)}.landing-cta-inner a{background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);box-shadow:none}.landing-cta-inner a:hover{background:#ffffff40;filter:none}.landing-footer{border-top:1px solid var(--line);color:var(--faint);font-size:13px;padding:24px 48px;text-align:center}.product-shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}.app-nav{background:var(--white);border-right:1px solid var(--line);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:20px 12px;position:sticky;top:0}.app-nav .product-brand{border-bottom:1px solid var(--line);margin-bottom:10px;padding:6px 4px 18px}.app-nav nav{display:flex;flex-direction:column;flex:1;gap:2px;padding-top:4px}.nav-button{align-items:center;background:transparent;border-radius:var(--radius);box-shadow:none;color:var(--muted);display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:flex-start;min-height:42px;padding:0 12px;position:relative;transition:background .12s,color .12s;width:100%}.nav-button:hover{background:var(--soft);box-shadow:none;color:var(--sub);filter:none;transform:none}.nav-button.active{background:var(--primary-light);box-shadow:none;color:var(--primary-dark);font-weight:600;filter:none;transform:none}.nav-button.active:before{background:var(--primary);border-radius:0 3px 3px 0;bottom:8px;content:"";left:-12px;position:absolute;top:8px;width:3px}.nav-spacer{flex:1}.app-nav .lang-toggle{margin-bottom:8px}.logout{align-items:center;background:transparent;border-radius:var(--radius);box-shadow:none;color:var(--muted);display:flex;filter:none;font-size:14px;font-weight:500;gap:10px;justify-content:flex-start;min-height:42px;padding:0 12px;transition:background .13s,color .13s;width:100%}.logout:hover{background:#fff1f2;box-shadow:none;color:var(--red);filter:none;transform:none}.sidebar-profile{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;margin-bottom:8px;padding:4px 4px 16px}.sidebar-avatar{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);border-radius:var(--radius);color:#fff;flex-shrink:0;font-size:18px;font-weight:700;height:52px;overflow:hidden;width:52px;display:grid;place-items:center}.sidebar-avatar img{display:block;height:100%;object-fit:cover;width:100%}.sidebar-user-info{min-width:0}.sidebar-user-info strong{display:block;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.sidebar-plan-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.sidebar-plan-pill.free{background:var(--soft);color:var(--muted)}.sidebar-plan-pill.paid{background:var(--primary-light);color:var(--primary-dark)}.sidebar-plan-pill.full,.sidebar-plan-pill.trial{background:#fef3c7;color:#92400e}.app-workspace{background:var(--soft);display:flex;flex-direction:column;gap:20px;min-height:100vh;padding:28px}.user-topbar{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.user-topbar-left{flex:1;min-width:0}.user-topbar .eyebrow{font-size:12.5px;margin-bottom:2px}.user-topbar h1{font-size:22px;font-weight:700}.user-pill{align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;flex-shrink:0;gap:10px;padding:8px 14px 8px 8px}.avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%);border-radius:50%;color:#fff;display:grid;font-size:15px;font-weight:700;flex-shrink:0;height:38px;overflow:hidden;place-items:center;width:38px}.user-pill strong{display:block;font-size:14px;line-height:1.3}.user-pill span{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:4px}.view-stack{display:flex;flex-direction:column;gap:18px}.panel,.metric-card,.subject-card,.plan-card,.stat-hero,.exam,.welcome-band{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.welcome-band{background:linear-gradient(135deg,#4338ca,#6366f1 40%,#818cf8);border:none;box-shadow:0 8px 32px #6366f147;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;padding:28px 32px;position:relative}.welcome-band:before{background:radial-gradient(circle at 80% 50%,rgba(255,255,255,.14),transparent 45%),radial-gradient(circle at 10% 80%,rgba(255,255,255,.08),transparent 40%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.welcome-band-text{position:relative;z-index:1}.welcome-band-text .hero-badge{background:#ffffff2e;border-color:#ffffff38;color:#fffffff2;margin-bottom:12px}.welcome-band h2{color:#fff;font-size:20px;margin-bottom:6px}.welcome-band p{color:#ffffffbf;font-size:14px;margin-bottom:18px}.welcome-band button{background:#ffffff2e;border:1.5px solid rgba(255,255,255,.3);box-shadow:none;color:#fff;font-size:14px;width:fit-content}.welcome-band button:hover{background:#ffffff47;box-shadow:none;filter:none}.welcome-score-ring{align-items:center;border-radius:50%;display:grid;flex-shrink:0;height:128px;justify-items:center;overflow:hidden;place-items:center;position:relative;width:128px;z-index:1}.liquid-wave{bottom:0;left:0;position:absolute;right:0;height:var(--liquid-fill, 50%);background:#ffffff29;transition:height 1.2s ease}.liquid-wave:before,.liquid-wave:after{animation:wave-move 3.2s ease-in-out infinite;background:#ffffff29;border-radius:42%;content:"";height:36px;left:-50%;position:absolute;top:-18px;width:200%}.liquid-wave:after{animation-delay:-1.6s;background:#ffffff1a;border-radius:38%}.liquid-text{align-items:center;display:flex;flex-direction:column;gap:3px;position:relative;text-align:center;z-index:1}.liquid-text strong{color:#fff;font-size:42px;font-weight:800;letter-spacing:-.02em;line-height:1}.liquid-text span{color:#ffffffc7;font-size:11px;font-weight:500}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{align-items:flex-start;display:flex;flex-direction:column;gap:10px;padding:20px;transition:box-shadow .16s,transform .16s}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:var(--radius);display:flex;height:40px;justify-content:center;width:40px}.metric-icon.purple{background:var(--primary-light);color:var(--primary)}.metric-icon.green{background:#dcfce7;color:var(--green)}.metric-icon.amber{background:#fef3c7;color:var(--orange)}.metric-icon.blue{background:#dbeafe;color:var(--blue)}.metric-card span{color:var(--muted);font-size:12.5px;font-weight:500}.metric-card strong{color:var(--ink);font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1;margin-top:2px}.split-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)}.home-split{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel{padding:22px}.panel-title{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.panel-title h3{margin-bottom:3px}.panel-title span{color:var(--muted);display:block;font-size:13px}.panel-title svg{color:var(--faint);flex-shrink:0;margin-top:2px}.compact-subjects{display:flex;flex-direction:column;gap:6px}.compact-subjects button{align-items:center;background:var(--soft);border-radius:var(--radius);box-shadow:none;color:var(--ink);display:flex;font-size:14px;font-weight:500;justify-content:space-between;min-height:46px;padding:0 14px;text-align:left;transition:background .13s,color .13s;width:100%}.compact-subjects button:hover{background:var(--primary-light);box-shadow:none;color:var(--primary-dark);filter:none;transform:none}.compact-subjects b{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);font-size:12px;padding:3px 9px}.leader-list{display:flex;flex-direction:column;gap:6px}.leader-row{align-items:center;background:var(--soft);border:1px solid transparent;border-radius:var(--radius);display:grid;gap:10px;grid-template-columns:36px 36px minmax(0,1fr) auto;min-height:50px;padding:8px 12px;transition:border-color .14s,background .14s}.leader-row:hover{background:#fff;border-color:var(--line)}.rank-badge{align-items:center;border-radius:var(--radius-sm);display:grid;font-size:13px;font-weight:800;height:30px;place-items:center;width:30px}.rank-1{background:#fef9c3;color:#78350f}.rank-2{background:#f1f5f9;color:#475569}.rank-3{background:#fef3c7;color:#92400e}.rank-n{background:#fff;border:1px solid var(--line);color:var(--muted)}.leader-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-light) 0%,#ddd6fe 100%);border-radius:50%;color:var(--primary-dark);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.leader-avatar img{height:100%;object-fit:cover;width:100%}.leader-row span{color:var(--sub);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-row b{color:var(--primary);font-size:14px;font-weight:700;white-space:nowrap}.leader-percent-circle{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.leader-percent-circle svg{display:block}.leader-percent-circle span{color:var(--sub);font-size:11px;font-weight:700;left:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.pagination-bar{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:8px}.pagination-btn{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:none;color:var(--sub);filter:none;font-size:13px;font-weight:600;min-height:32px;padding:0 12px;transition:background .13s,color .13s}.pagination-btn:hover{background:var(--soft);box-shadow:none;filter:none;transform:none}.pagination-btn:disabled{opacity:.4}.pagination-info{color:var(--muted);font-size:13px;font-weight:500}.my-rank-row{align-items:center;background:var(--primary-light);border:1.5px solid rgba(99,102,241,.3);border-radius:var(--radius);display:grid;gap:10px;grid-template-columns:36px 36px minmax(0,1fr) auto;margin-top:4px;min-height:50px;padding:8px 12px}.my-rank-label{color:var(--primary-dark);font-size:12px;font-weight:600;grid-column:3;letter-spacing:.02em;text-transform:uppercase}.empty-text,.empty-chart{background:var(--soft);border-radius:var(--radius);color:var(--muted);font-size:14px;margin:0;padding:20px;text-align:center}.result-chart{background:linear-gradient(180deg,var(--primary-light) 0%,rgba(238,242,255,.4) 100%);border-radius:var(--radius-lg);display:grid;gap:10px;grid-template-columns:44px minmax(0,1fr);min-height:220px;padding:16px}.chart-scale{color:var(--faint);display:flex;flex-direction:column;font-size:11px;justify-content:space-between;padding-bottom:38px}.chart-bars{align-items:end;display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}.chart-item{align-items:center;display:grid;flex:1 0 52px;gap:6px;height:100%;min-width:52px}.chart-bar{align-items:end;display:flex;height:160px;justify-content:center;width:100%}.chart-bar i{animation:bar-grow .55s ease both;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-mid) 100%);border-radius:5px 5px 3px 3px;display:block;min-height:8px;transition:opacity .15s;width:100%}.chart-bar i:hover{opacity:.75}.chart-item strong{color:var(--sub);font-size:12px;font-weight:700;text-align:center}.chart-item span{color:var(--faint);font-size:11px;text-align:center}.mode-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.segmented{background:var(--softer);border-radius:var(--radius);display:flex;flex-shrink:0;gap:4px;padding:4px}.segmented button{background:transparent;border-radius:9px;box-shadow:none;color:var(--muted);filter:none;font-size:13px;font-weight:600;min-height:34px;padding:0 14px}.segmented button:hover{background:#ffffffbf;box-shadow:none;color:var(--sub);filter:none;transform:none}.segmented button.active{background:#fff;box-shadow:var(--shadow-xs);color:var(--primary);filter:none;transform:none}.count-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.count-pills button{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:none;color:var(--muted);filter:none;font-size:13px;font-weight:600;min-height:34px;padding:0 14px}.count-pills button:hover:not(:disabled){background:var(--soft);box-shadow:none;filter:none;transform:none}.count-pills button.active{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px #6366f14d;color:#fff;filter:none;transform:none}.count-pills button.locked-pill{color:var(--faint);cursor:not-allowed;opacity:.5}.count-pills button.locked-pill:hover{background:var(--white)}.subject-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.subject-card{cursor:pointer;display:grid;gap:12px;padding:20px;transition:box-shadow .16s,transform .16s,border-color .16s}.subject-card:not(.subject-card--empty):hover{border-color:#6366f140;box-shadow:0 8px 24px #6366f11a;transform:translateY(-2px)}.subject-card--active{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow),var(--shadow-sm)!important}.subject-card--empty{cursor:default!important;opacity:.5}.subject-card h3{font-size:15px;margin-bottom:4px}.subject-card p{font-size:13px}.subject-icon{align-items:center;border-radius:var(--radius);display:flex;height:46px;justify-content:center;width:46px}.topic-panel{display:flex;flex-direction:column;gap:16px}.subject-modal-overlay{align-items:center;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);background:#0f172a47;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:150}.subject-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:0 32px 80px #0f172a2e,0 4px 16px #0f172a14;display:flex;flex-direction:column;gap:18px;max-height:90vh;max-width:520px;overflow-y:auto;padding:24px;width:100%}.subject-modal-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.subject-modal-head h3{font-size:17px;font-weight:700;margin-bottom:2px}.subject-modal-head span{color:var(--muted);font-size:13px}.icon-btn{align-items:center;background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:none;color:var(--muted);display:flex;filter:none;flex-shrink:0;justify-content:center;min-height:36px;padding:0 8px}.icon-btn:hover{background:var(--soft);box-shadow:none;color:var(--ink);filter:none;transform:none}.muted-hint{color:var(--muted);font-size:13px}.topic-pills{display:flex;flex-wrap:wrap;gap:7px}.topic-pill{background:var(--soft);border:1px solid var(--line);border-radius:999px;color:var(--sub);cursor:pointer;font-size:13px;padding:6px 14px;transition:background .14s,border-color .14s,color .14s}.topic-pill:hover{background:var(--primary-light);border-color:#6366f14d;color:var(--primary-dark)}.topic-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.brief-section{display:flex;flex-direction:column;gap:20px}.brief-section>div{display:flex;flex-direction:column;gap:10px}.brief-label{color:var(--muted);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.mode-blocks{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.mode-block{align-items:center;background:var(--soft);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:none;color:var(--sub);cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;min-height:72px;overflow:hidden;padding:12px 10px;text-align:center;transition:border-color .14s,background .14s,color .14s;white-space:normal}.mode-block h3{font-size:13px;font-weight:700;margin:0;white-space:normal}.mode-block p{color:var(--muted);font-size:11px;font-weight:400;line-height:1.4;margin:0;white-space:normal}.mode-block:hover{background:var(--primary-light);border-color:#6366f159;color:var(--primary-dark)}.mode-block.active{background:var(--primary-light);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);color:var(--primary-dark)}.time-pills{display:flex;flex-wrap:wrap;gap:6px}.time-pill{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:none;color:var(--muted);cursor:pointer;filter:none;font-size:13px;font-weight:600;min-height:34px;padding:0 14px;transition:background .13s,color .13s,border-color .13s}.time-pill:hover{background:var(--soft);color:var(--sub)}.time-pill.active{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px #6366f14d;color:#fff}.topic-start-btn{align-items:center;align-self:flex-start;display:flex;gap:8px}.topic-badge{background:#ffffff38;border-radius:var(--radius);font-size:11px;max-width:160px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.free-limit-card{background:linear-gradient(135deg,var(--primary-light) 0%,#e0e7ff 100%);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;padding:20px}.free-limit-top{align-items:flex-start;display:flex;gap:14px}.free-limit-icon{align-items:center;background:#fff;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius);color:var(--primary);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.free-limit-top strong{color:var(--ink);display:block;font-size:15px;font-weight:600}.free-limit-top p{color:var(--muted);font-size:13px;margin:2px 0 0}.free-limit-bar{background:#6366f126;border-radius:999px;height:7px;overflow:hidden}.free-limit-bar i{background:linear-gradient(90deg,var(--primary),var(--primary-mid));border-radius:inherit;display:block;height:100%;transition:width .6s ease}.free-limit-meta{align-items:center;display:flex;justify-content:space-between}.free-limit-meta span{color:var(--primary-dark);font-size:12px;font-weight:600}.sub-status-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #86efac;border-radius:var(--radius-lg);box-shadow:0 4px 20px #10b9811a,var(--shadow-sm);display:flex;flex-direction:column;gap:14px;padding:20px 24px}.sub-status-card--full{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047;box-shadow:0 4px 20px #eab3081a,var(--shadow-sm)}.sub-status-top{align-items:center;display:flex;gap:14px}.sub-status-icon{align-items:center;background:#fff;border:1.5px solid #bbf7d0;border-radius:var(--radius);color:var(--green);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.sub-status-card--full .sub-status-icon{border-color:#fde047;color:#ca8a04}.sub-status-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.sub-status-info strong{color:var(--ink);font-size:15px;font-weight:700}.sub-status-info span{color:#166534;font-size:13px}.sub-status-card--full .sub-status-info span{color:#92400e}.sub-status-badge{background:#fff;border:1.5px solid #86efac;border-radius:999px;color:#15803d;flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.02em;padding:4px 12px}.sub-status-card--full .sub-status-badge{border-color:#fde047;color:#92400e}.sub-status-progress{background:#10b98126;border-radius:999px;height:7px;overflow:hidden}.sub-status-card--full .sub-status-progress{background:#eab30826}.sub-status-progress i{background:linear-gradient(90deg,var(--green),#34d399);border-radius:inherit;display:block;height:100%;transition:width .6s ease}.sub-status-card--full .sub-status-progress i{background:linear-gradient(90deg,#f59e0b,#fde047)}.sub-status-meta{align-items:center;display:flex;justify-content:space-between}.sub-status-meta span{color:#166534;font-size:12px;font-weight:500}.sub-status-card--full .sub-status-meta span{color:#92400e}.pricing-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.plan-card{border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;position:relative;transition:box-shadow .18s,transform .18s}.plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-card-inner{display:flex;flex-direction:column;flex:1;gap:20px;padding:24px}.plan-card.plan-free{border:1.5px solid #d2d7e5}.plan-card.plan-free .plan-card-inner{background:linear-gradient(150deg,#f4f5fa,#e8eaf4)}.plan-card.plan-start{border:1.5px solid #d2d7e5}.plan-card.plan-start .plan-card-inner{background:linear-gradient(150deg,#f4f5fa,#e8eaf4)}.plan-card.plan-full{border:1.5px solid #d2d7e5}.plan-card.plan-full .plan-card-inner{background:linear-gradient(150deg,#f4f5fa,#e8eaf4)}.plan-card.is-active{box-shadow:0 0 0 2.5px var(--primary),var(--shadow-md)}.plan-info-btn{align-items:center;background:var(--white);border:1.5px solid #d0d8ef;border-radius:7px;box-shadow:none;color:var(--primary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:border-color .15s,background .15s;width:28px}.plan-info-btn:hover{background:var(--primary-light);border-color:var(--primary);box-shadow:none;filter:none;transform:none}.plan-info-btn--full{color:var(--primary)}.plan-head{align-items:center;display:flex;gap:12px}.plan-head h3{flex:1;font-size:17px;font-weight:700}.plan-icon-wrap{align-items:center;border-radius:var(--radius);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.plan-icon-wrap.free,.plan-icon-wrap.start,.plan-icon-wrap.full{background:#e8ebf5;color:#6b7280}.plan-price-block{display:flex;flex-direction:column;gap:2px}.plan-price{align-items:baseline;display:flex;gap:4px}.plan-price strong{color:var(--ink);font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1}.plan-price span{color:var(--muted);font-size:14px}.plan-price-block>p{color:var(--muted);font-size:13px}.plan-feature-list{display:grid;flex:1;gap:10px}.plan-feature-row{align-items:center;display:flex;font-size:13.5px;gap:10px}.plan-feature-row.locked{opacity:.45}.feat-check{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.feat-check{color:var(--green)!important}.feat-lock{color:var(--faint)!important}.plan-feature-row span{color:var(--sub)}.plan-feature-row.locked span{color:var(--muted);text-decoration:line-through}.plan-cta{border-radius:var(--radius);font-size:14px;font-weight:600;min-height:42px;padding:0 20px;text-align:center;width:100%}.plan-cta.free-cta{background:var(--soft);border:1px solid var(--line);box-shadow:none;color:var(--sub)}.plan-cta.free-cta:hover{background:var(--softer);box-shadow:none;filter:none;transform:none}.plan-cta.start-cta{background:var(--primary);box-shadow:0 4px 14px #6366f147;color:#fff;font-weight:700}.plan-cta.start-cta:hover{filter:brightness(1.06);box-shadow:0 6px 18px #6366f15c}.plan-cta.full-cta{background:#c08a00;box-shadow:0 4px 14px #b4820047;color:#fff;font-weight:700}.plan-cta.full-cta:hover{background:#a07200;box-shadow:0 6px 18px #b482005c;filter:none}.plan-cta.active-cta{background:#dcfce7;border:1px solid #bbf7d0;box-shadow:none;color:#166534;cursor:default}.plan-cta.active-cta:hover{filter:none;transform:none}.plan-cta-group{display:flex;flex-direction:column;gap:8px;margin-top:4px}.plan-about-btn{background:transparent;border:1.5px solid #d0d8ef;border-radius:var(--radius);box-shadow:none;color:var(--muted);cursor:pointer;font-size:13px;font-weight:500;min-height:36px;padding:0 12px;width:100%;transition:background .15s,border-color .15s,color .15s}.plan-about-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);box-shadow:none;filter:none;transform:none}.plan-about-btn--full{border-color:#ddd0a0;color:#a07000}.plan-about-btn--full:hover{background:#fdf8e8;border-color:#c08a00;color:#c08a00}.referral-card-wrap{display:flex;flex-direction:column;gap:0}.referral-link-text a{color:var(--primary);text-decoration:underline;word-break:break-all}.referral-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px;padding:24px}.referral-header{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.referral-header h3{font-size:17px;font-weight:700}.referral-header p{font-size:14px}.referral-steps{display:flex;flex-direction:column;gap:14px}.referral-step{align-items:flex-start;display:flex;gap:12px}.referral-step-num{align-items:center;background:var(--primary-light);border-radius:50%;color:var(--primary-dark);display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:28px;justify-content:center;width:28px}.referral-step>div{flex:1;min-width:0}.referral-step strong{color:var(--ink);display:block;font-size:14px;font-weight:600}.referral-step span{color:var(--muted);font-size:13px}.referral-link-box{align-items:center;background:var(--soft);border:1.5px solid var(--line);border-radius:var(--radius);display:flex;gap:8px;overflow:hidden;padding:0 6px 0 14px}.referral-link-text{color:var(--sub);flex:1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referral-copy-btn{background:var(--primary);border-radius:var(--radius-sm);box-shadow:none;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;min-height:36px;padding:0 16px;transition:background .15s}.referral-copy-btn:hover{box-shadow:none;filter:brightness(1.08);transform:none}.referral-copy-btn.copied{background:var(--green)}.plan-info-overlay{align-items:center;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);background:#0f172a1f;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.plan-info-modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 32px 80px #00000038,0 4px 16px #00000014;max-width:480px;padding:28px;position:relative;width:calc(100% - 32px)}.plan-info-modal--start{border-top:4px solid var(--primary)}.plan-info-modal--full{border-top:4px solid #c08a00}.plan-info-modal-close{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--muted);cursor:pointer;position:absolute;right:16px;top:16px}.plan-info-modal-close:hover{background:transparent!important;box-shadow:none!important;color:var(--ink);filter:none;transform:none}.plan-info-modal-head{align-items:center;display:flex;gap:14px;margin-bottom:20px}.plan-info-modal-head h3{font-size:18px;font-weight:700;margin:0 0 3px;color:var(--ink)}.plan-info-modal-head p{color:var(--muted);font-size:13px;margin:0}.plan-info-modal-icon{align-items:center;border-radius:var(--radius);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.plan-info-modal-icon.start{background:var(--primary-light);color:var(--primary-dark)}.plan-info-modal-icon.full{background:#fef3c7;color:#92400e}.plan-info-list{display:flex;flex-direction:column;gap:11px;list-style:none;margin:0;padding:0}.plan-info-list li{align-items:flex-start;display:flex;font-size:14px;gap:10px;line-height:1.5}.plan-info-list li svg{color:var(--green);flex-shrink:0;margin-top:2px}.plan-info-list li span{color:var(--sub)}.plan-info-list li span strong{color:var(--ink)}.plan-info-disclaimer{border-top:1px solid var(--line);color:var(--muted);font-size:12px;margin-top:18px;padding-top:14px}.plan-info-disclaimer a{color:var(--primary)}.payme-modal-overlay{align-items:center;background:#0f172a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100}.pay-blur-overlay{align-items:center;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);background:#0f172a52;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200}.pay-blur-card{align-items:center;background:#ffffffd1;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0f172a1f,0 4px 12px #0f172a0f;display:flex;flex-direction:column;gap:14px;padding:32px 40px}.pay-blur-card span{color:var(--sub);font-size:14px;font-weight:600}.pay-spinner{animation:spin .8s linear infinite;border:3px solid var(--primary-light);border-radius:50%;border-top-color:var(--primary);height:36px;width:36px}@keyframes spin{to{transform:rotate(360deg)}}.payme-modal{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:20px;max-width:440px;padding:28px;width:100%}.payme-modal h3{font-size:18px;font-weight:700}.payme-modal p{font-size:14px}.payme-modal-actions{display:flex;flex-direction:column;gap:10px}.payme-logo{align-items:center;background:#0af;border-radius:var(--radius);box-shadow:0 2px 10px #00aaff4d;color:#fff;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;min-height:48px;padding:0 24px;width:100%}.payme-logo:hover{box-shadow:0 4px 18px #0af6;filter:brightness(1.07)}.stat-hero{align-items:center;display:flex;gap:24px;justify-content:space-between;padding:28px}.stat-hero .hero-badge{margin-bottom:10px}.stat-hero h2{font-size:64px;font-weight:800;letter-spacing:-.03em;line-height:1}.stat-hero p{font-size:14px;margin-top:8px}.stats-split{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 340px}.weak-subjects-list{display:flex;flex-direction:column;gap:8px}.weak-subject-item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;padding:14px;transition:box-shadow .14s}.weak-subject-item:hover{box-shadow:var(--shadow-sm)}.weak-subject-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.weak-subject-left{align-items:center;display:flex;gap:8px;flex:1;min-width:0}.weak-subject-left span{color:var(--sub);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weak-subject-avg{color:var(--red);font-size:13px;font-weight:700;flex-shrink:0}.priority-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}.dot-red{background:var(--red)}.dot-orange{background:var(--orange)}.dot-yellow{background:#eab308}.weak-topic-chips{display:flex;flex-wrap:wrap;gap:6px}.weak-topic-chip{background:#fff1f2;border:1px solid #fecaca;border-radius:999px;color:#b91c1c;font-size:12px;padding:3px 10px}.ring{align-items:center;border-radius:50%;display:grid;flex-shrink:0;height:140px;place-items:center;position:relative;width:140px}.ring:before{background:#fff;border-radius:inherit;content:"";height:96px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:96px}.ring span{color:var(--ink);font-size:22px;font-weight:800;position:relative;z-index:1}.topic-list{display:grid;gap:6px}.topic-list div{align-items:center;background:var(--soft);border-radius:var(--radius);display:flex;gap:12px;justify-content:space-between;padding:12px 14px;transition:background .13s}.topic-list div:hover{background:var(--softer)}.topic-list span{color:var(--sub);font-size:14px;font-weight:500}.topic-list b{color:var(--orange);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.topic-list .prio-high{color:var(--red)}.admin-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panel{background:var(--soft);border-radius:var(--radius);display:grid;gap:10px;padding:16px}.admin-search-row{margin-bottom:4px}.admin-search-input{background:var(--soft);border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink);font-size:14px;min-height:38px;padding:0 14px;width:100%}.admin-search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-glow)}.admin-pagination{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:center;margin-top:4px;padding-top:14px}.admin-page-info{color:var(--muted);font-size:13px}.admin-user-grant{align-items:center;background:var(--soft);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}.admin-plan-select{min-height:36px;min-width:76px}.admin-user-grant input[type=number]{min-width:70px;width:80px}.admin-subject-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.admin-subject-row:last-child{border-bottom:none}.admin-subject-row select{flex:1;min-width:160px}.proposal-panel{display:grid;gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr)}.proposal-form{display:grid;gap:12px}.table-example{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);display:grid;font-size:13px;gap:8px;padding:16px}.table-example strong{color:var(--sub);font-size:13px}.table-example span{color:var(--muted);line-height:1.7}.success-note{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius);color:#166534;font-size:14px;margin:0;padding:12px 14px}.proposal-list{display:grid;gap:8px}.proposal-list article{align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:12px;justify-content:space-between;padding:14px}.proposal-list article strong{color:var(--ink);font-size:14px;font-weight:600}.proposal-list article span{color:var(--muted);display:block;font-size:12px;margin-top:2px}.proposal-list article p{font-size:13px;margin:6px 0 0}.file-drop{align-items:center;background:#fff;border:1.5px dashed var(--line);border-radius:var(--radius);color:var(--muted);cursor:pointer;display:flex;font-size:14px;gap:9px;justify-content:center;min-height:80px;position:relative;transition:border-color .15s,color .15s}.file-drop:hover{border-color:var(--primary);color:var(--primary)}.file-drop input{height:1px;opacity:0;position:absolute;width:1px}.exam{display:grid;gap:16px;padding:24px}.exam-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.exam-head>div:first-child{flex:1}.exam-head h2{font-size:18px}.exam-chip{align-items:center;background:var(--soft);border-radius:var(--radius);color:var(--muted);display:inline-flex;font-size:13px;font-weight:600;gap:6px;min-height:36px;padding:0 12px;transition:background .3s,color .3s}.exam-chip--warn{background:#fffbeb;color:#92400e}.exam-chip--danger{animation:pulse-soft 1s ease-in-out infinite;background:#fef2f2;color:#991b1b}.progress-track{background:var(--line);border-radius:999px;height:5px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,var(--green),var(--primary));border-radius:inherit;display:block;height:100%;transition:width .2s ease}.question-map{display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow-y:auto}.question-map button{background:var(--soft);border-radius:var(--radius-sm);box-shadow:none;color:var(--muted);flex:0 0 38px;filter:none;font-size:12px;font-weight:700;min-height:38px;padding:0;transition:background .13s,color .13s;width:38px}.question-map button:hover{background:var(--softer);filter:none;transform:none}.question-map button.active{background:var(--primary);box-shadow:0 0 0 3px var(--primary-glow),0 0 0 1.5px var(--primary);color:#fff;transform:none}.question-map button.answered{background:var(--primary-light);color:var(--primary)}.question-map button.map-correct{background:#dcfce7;color:#15803d}.question-map button.map-wrong{background:#fee2e2;color:#dc2626}.question-map button.map-skip{background:#f1f5f9;color:var(--muted)}.question-card{display:grid;gap:14px}.question-card>p{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink);font-size:17px;font-weight:500;line-height:1.55;padding:20px}.answers{display:grid;gap:8px}.answers button{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:none;color:var(--ink);display:grid;filter:none;gap:12px;grid-template-columns:38px minmax(0,1fr);justify-content:start;min-height:58px;padding:10px 14px;text-align:left;transition:border-color .14s,background .14s,box-shadow .14s;white-space:normal;width:100%}.answers button:hover:not(:disabled){border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);filter:none;transform:none}.answers button strong{align-items:center;background:var(--soft);border-radius:var(--radius-sm);color:var(--muted);display:grid;font-size:13px;font-weight:800;height:36px;place-items:center;transition:background .14s,color .14s;width:36px}.answers button span{color:var(--sub);font-size:14px;line-height:1.45}.answers button.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.answers button.selected strong{background:var(--primary);color:#fff}.answers button.correct{background:#f0fdf4;border-color:var(--green)}.answers button.correct strong{background:var(--green);color:#fff}.answers button.wrong{background:#fff1f2;border-color:var(--red)}.answers button.wrong strong{background:var(--red);color:#fff}.answer-feedback{border-radius:var(--radius);font-size:14px;font-weight:600;padding:12px 14px}.answer-feedback.good{background:#f0fdf4;color:#15803d}.answer-feedback.bad{background:#fff1f2;color:#b91c1c}.exam-actions{display:flex;gap:8px;justify-content:flex-end}.mistake-review{display:grid;gap:10px}.mistake-review article{background:var(--soft);border-radius:var(--radius);display:grid;gap:8px;padding:16px}.mistake-review article strong{color:var(--ink);font-size:14px}.mistake-review span,.mistake-review b{align-items:center;display:flex;font-size:13px;font-weight:600;gap:7px}.mistake-review span{color:#b91c1c}.mistake-review b{color:#15803d}.wrong-answer{align-items:flex-start;color:#b91c1c;display:flex;font-size:13px;font-weight:500;gap:7px}.correct-answer{align-items:flex-start;color:#15803d;display:flex;font-size:13px;font-weight:500;gap:7px}.wrong-answer svg,.correct-answer svg{flex-shrink:0;margin-top:2px}.mistake-answer{background:var(--soft);border-radius:var(--radius-sm);color:var(--muted);font-size:13px;padding:8px 12px}.result-float-ring{align-items:center;background:transparent;border:none;border-radius:var(--radius-xl);bottom:32px;box-shadow:none;display:flex;flex-direction:column;gap:6px;padding:0;position:fixed;right:32px;z-index:50}.result-float-ring>svg{display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.result-float-meta{align-items:center;display:flex;flex-direction:column;gap:2px}.result-float-meta span{font-size:12px;font-weight:700}.result-answer-btn{cursor:default!important}.result-card{display:grid;gap:20px;max-width:760px}.result-ring-wrap{align-items:center;display:flex;gap:24px}.result-ring-center{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.result-ring-center strong{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1}.result-ring-meta{display:grid;gap:6px}.result-ring-meta p{color:var(--sub);font-size:14px;margin:0}.result-pass-note{color:#15803d!important;font-weight:600}.mistake-review-hdr{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.05em;padding-bottom:4px;text-transform:uppercase}.mistake-qnum{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.not-selected{color:var(--muted);font-style:normal}.ai-check-btn{background:var(--soft);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:none;color:var(--sub);font-size:13px;font-weight:600;min-height:36px;padding:0 16px}.ai-check-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);box-shadow:none;filter:none;transform:none}.result-back-btn{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);color:var(--sub);font-size:14px;font-weight:600;min-height:40px;padding:0 20px;width:100%}.result-back-btn:hover{background:var(--softer)}.access-locked-notice{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.access-locked-notice span{color:#92400e;font-size:13.5px;font-weight:500}.access-locked-upgrade{background:#f59e0b;border:none;border-radius:var(--radius-sm);box-shadow:none;color:#fff;font-size:13px;font-weight:600;min-height:34px;padding:0 14px;white-space:nowrap}.access-locked-upgrade:hover{filter:brightness(1.07);transform:none;box-shadow:none}.mobile-tabs{display:none}.app-workspace>*{animation:rise-in .28s ease both}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mock-float{0%,to{transform:translateY(0) rotate(.2deg)}50%{transform:translateY(-12px) rotate(-.2deg)}}@keyframes pulse-soft{0%,to{box-shadow:0 0 #6366f133}50%{box-shadow:0 0 0 14px #6366f100}}@keyframes bar-grow{0%{transform:scaleY(.05);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes float-grid{0%{transform:translateZ(0)}to{transform:translate3d(14px,-12px,0)}}@keyframes wave-move{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-8%) rotate(1.5deg)}}.app-footer{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:auto;padding:28px 20px 36px;text-align:center;-webkit-user-select:none;user-select:none}.app-footer-logoimg{height:120px;width:120px;object-fit:contain;opacity:.45}.app-footer-copy{color:#0f172a38;font-size:12px;letter-spacing:.03em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}@media(max-width:1080px){.landing-hero,.product-shell{grid-template-columns:1fr}.landing-hero{min-height:auto}.mockup-card{max-width:480px}.app-nav{display:none}.app-workspace{padding-bottom:86px}.mobile-tabs{background:#fffffff7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);bottom:0;display:grid;gap:2px;grid-template-columns:repeat(6,1fr);left:0;padding:6px;position:fixed;right:0;z-index:10}.mobile-tabs .nav-button{align-items:center;border-radius:var(--radius);display:grid;font-size:11px;justify-items:center;min-height:56px;padding:0}.mobile-tabs .nav-button.active{background:var(--primary-light)}.mobile-tabs .nav-button.active:before{display:none}}@media(max-width:760px){.landing{padding:20px}.landing-topbar{padding-bottom:24px}.landing-copy h1{font-size:36px}.landing-copy p{font-size:15px}.landing-features,.landing-how,.landing-cta-section{padding:48px 20px}.landing-cta-inner{padding:40px 24px}.landing-cta-inner h2{font-size:26px}.landing-steps{flex-direction:column;align-items:center;gap:16px}.landing-step{max-width:100%;width:100%}.landing-step-arrow{display:none}.app-workspace{padding:14px 14px 86px}.user-topbar,.stat-hero,.mode-header{flex-direction:column;align-items:stretch}.welcome-band{grid-template-columns:1fr}.welcome-score-ring{display:none}.hero-panel,.split-grid,.metric-grid,.pricing-grid,.admin-grid,.proposal-panel,.home-split,.stats-split{grid-template-columns:1fr}.plan-card:hover{transform:translateY(-2px)}.referral-card{flex-direction:column}.referral-link-box{flex-wrap:wrap}.panel,.exam,.stat-hero{border-radius:var(--radius);padding:16px}.result-chart{grid-template-columns:1fr}.chart-scale{display:none}.segmented{width:100%}.segmented button{flex:1}.exam-actions{display:grid;grid-template-columns:1fr 1fr}.proposal-list article{align-items:stretch;flex-direction:column}.stat-hero h2{font-size:48px}.admin-user-row{flex-direction:column;align-items:stretch;gap:8px}.admin-user-grant{flex-direction:row}.landing-features-inner{grid-template-columns:1fr}.payme-modal{padding:20px}.mode-blocks{grid-template-columns:repeat(2,1fr)}.result-float-ring{position:static;margin:8px auto 0;align-self:center}.exam-actions{grid-template-columns:1fr}}.admin-loading{color:var(--muted);padding:40px;text-align:center}.admin-user-list{display:flex;flex-direction:column;gap:0}.admin-user-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:14px;padding:14px 0}.admin-user-row:last-child{border-bottom:none}.admin-user-avatar{align-items:center;background:var(--primary-light);border-radius:50%;color:var(--primary);display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.admin-user-avatar img{height:100%;object-fit:cover;width:100%}.admin-user-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.admin-user-info strong{font-size:14px;font-weight:600}.admin-user-info .muted{color:var(--muted);font-size:12px}.admin-user-sub{align-items:flex-end;display:flex;flex-direction:column;gap:4px;min-width:160px}.sub-badge{border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 10px}.sub-badge.active{background:#dcfce7;color:#166534}.sub-badge.expired{background:var(--soft);color:var(--muted)}button.small{font-size:12px;min-height:28px;padding:4px 10px}button.danger{background:#fff1f2;box-shadow:none;color:var(--red);filter:none}button.danger:hover{background:#fee2e2;filter:none}.my-uploads-panel{display:flex;flex-direction:column;gap:12px}.my-uploads-panel h3{font-size:15px;font-weight:600}.my-bases-section{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:14px;padding:20px}.my-bases-section .section-label{color:var(--ink);font-size:15px;font-weight:600;margin:0}.my-bases-upload-zone{align-items:center;background:var(--soft);border:1.5px dashed var(--line);border-radius:var(--radius);color:var(--muted);display:flex;flex-direction:column;gap:10px;padding:28px 16px;text-align:center}.my-bases-upload-zone span{font-size:14px}.my-bases-upload-zone button{font-size:13px;margin-top:4px;min-height:36px;padding:0 18px}.my-bases-locked{align-items:center;display:flex;flex-direction:column;gap:10px;padding:16px 0;text-align:center}.my-bases-locked span{color:var(--muted);font-size:14px}.my-bases-locked button{font-size:13px;min-height:36px;padding:0 18px}.history-list{display:flex;flex-direction:column;gap:10px}.history-card{align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;gap:16px;padding:16px 20px;transition:box-shadow .14s}.history-card:hover{box-shadow:var(--shadow-sm)}.history-ring{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:52px;justify-content:center;position:relative;width:52px}.history-ring span{position:relative;z-index:1}.history-info{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.history-info strong{color:var(--ink);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-info .history-meta{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:8px}.history-badges{align-items:center;display:flex;gap:6px;flex-wrap:wrap}.badge-correct{background:#dcfce7;border-radius:999px;color:#15803d;font-size:12px;font-weight:600;padding:2px 10px}.badge-wrong{background:#fee2e2;border-radius:999px;color:#dc2626;font-size:12px;font-weight:600;padding:2px 10px}.badge-skip{background:var(--soft);border-radius:999px;color:var(--muted);font-size:12px;font-weight:600;padding:2px 10px}.history-detail{display:flex;flex-direction:column;gap:16px}.history-detail-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.history-detail-head h3{font-size:16px;font-weight:700;margin:0}.history-back-btn{font-size:13px;min-height:34px;padding:0 14px}.history-nav{align-items:center;display:flex;gap:8px;justify-content:space-between}.history-questions{display:flex;flex-direction:column;gap:10px}.history-qcard{background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);display:flex;gap:14px;padding:14px 16px}.history-qcard.hq-correct{border-color:#bbf7d0;background:#f0fdf4}.history-qcard.hq-wrong{border-color:#fecaca;background:#fff1f2}.history-qcard.hq-skip{border-color:var(--line);background:var(--soft)}.history-qnum{color:var(--muted);flex-shrink:0;font-size:12px;font-weight:700;min-width:28px;padding-top:2px;text-align:center}.hq-correct .history-qnum{color:var(--green)}.hq-wrong .history-qnum{color:var(--red)}.history-qbody{display:flex;flex-direction:column;flex:1;gap:10px;min-width:0}.history-qtext{color:var(--ink);font-size:14px;font-weight:500;line-height:1.5;margin:0}.history-options{display:flex;flex-direction:column;gap:6px}.history-opt{align-items:flex-start;border-radius:var(--radius-sm);display:flex;gap:8px;padding:6px 10px}.history-opt strong{color:var(--muted);flex-shrink:0;font-size:12px;font-weight:800;min-width:18px}.history-opt span{color:var(--sub);font-size:13px;line-height:1.4}.hist-opt-correct{background:#dcfce7}.hist-opt-correct strong{color:var(--green)}.hist-opt-correct span{color:#15803d;font-weight:600}.hist-opt-wrong{background:#fee2e2}.hist-opt-wrong strong{color:var(--red)}.hist-opt-wrong span{color:#b91c1c}.history-skip-note{color:var(--muted);font-size:12px;font-style:italic;margin:0}