:root { --blue:#1768f2; --blue-deep:#0a45bf; --ink:#102143; --muted:#687796; --line:#e5ebf7; --paper:#fff; --canvas:#f4f7fc; --success:#189b50; --success-bg:#e5f8e9; --danger:#de4053; --danger-bg:#ffebed; --amber:#f4a51c; --shadow:0 18px 48px rgba(26,59,123,.12); }
* { box-sizing:border-box; } html { min-height:100%; background:var(--canvas); } body { margin:0; min-width:320px; min-height:100vh; color:var(--ink); background:radial-gradient(circle at 88% 3%,#dcecff 0,transparent 26%),linear-gradient(135deg,#f7faff,#eef4ff 72%,#f8fbff); font:500 15px/1.45 Manrope,Arial,sans-serif; } button { font:inherit; cursor:pointer; } .app-shell { position:relative; z-index:1; width:min(1180px,100%); margin:0 auto; padding:28px 22px 110px; } .page-glow { position:fixed; border-radius:999px; pointer-events:none; filter:blur(2px); opacity:.7; } .glow-one { width:360px;height:360px; top:-130px;left:-150px;background:#d7e8ff; } .glow-two { width:300px;height:300px; bottom:-100px;right:-100px;background:#d5f8ea; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:34px; } .brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:-.5px; } .brand-mark { display:grid;place-items:center; width:42px;height:42px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#2887ff,#0753d7);box-shadow:0 10px 20px #0c61db4d;font-size:20px; } .brand small{display:block;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.brand strong { display:block; font:700 16px Unbounded,Manrope,sans-serif; }.top-actions{display:flex;gap:9px}.icon-btn,.soft-btn { border:1px solid var(--line); background:#fff; color:var(--ink); min-height:42px; border-radius:13px; padding:0 14px; font-weight:800; }.icon-btn { width:42px;padding:0;font-size:19px; }.soft-btn:hover,.icon-btn:hover{border-color:#a9c6ff;background:#f5f9ff}.hero { display:grid;grid-template-columns:1.25fr .75fr;gap:20px; align-items:stretch; margin-bottom:22px; }.hero-copy,.hero-art { border-radius:28px; overflow:hidden; }.hero-copy { padding:36px; color:#fff; background:linear-gradient(135deg,#104fc9,#1985f6 55%,#64b0ff); box-shadow:var(--shadow); } .eyebrow { margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;opacity:.83 }.hero h1 { margin:0; font:700 clamp(30px,4vw,48px)/1.12 Unbounded,Manrope,sans-serif;letter-spacing:-2px; }.hero p { max-width:540px;margin:16px 0 0;color:#eaf4ff;font-size:17px; }.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.hero-chips span{padding:7px 10px;border:1px solid #ffffff42;border-radius:999px;background:#ffffff1c;font-size:12px;font-weight:800}.hero-art{position:relative;min-height:230px;padding:25px;background:linear-gradient(150deg,#0c2d72,#1768f2);color:#fff}.hero-art:before,.hero-art:after{content:"";position:absolute;border-radius:999px;border:34px solid #fff1}.hero-art:before{width:240px;height:240px;right:-65px;bottom:-100px}.hero-art:after{width:115px;height:115px;left:-32px;top:-50px}.art-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff2;font-size:12px;font-weight:800}.art-number{position:absolute;z-index:1;right:22px;bottom:17px;font:700 88px/.8 Unbounded,sans-serif;letter-spacing:-10px;opacity:.24}.art-symbol{position:absolute;z-index:1;left:30px;bottom:26px;font-size:75px;filter:drop-shadow(0 11px 10px #001b6740)}
.continue-card { display:flex;align-items:center;gap:18px;margin:0 0 26px;padding:18px 20px;border:1px solid #dce7f9;border-radius:22px;background:#fff;box-shadow:0 10px 25px #1f4f9212; }.continue-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#276dff,#1652d2);font-size:23px}.continue-copy{flex:1}.continue-copy strong{display:block;font-size:16px}.continue-copy span{display:block;margin-top:3px;color:var(--muted);font-size:13px}.progress-track{height:7px;max-width:330px;margin-top:11px;overflow:hidden;border-radius:99px;background:#e9eff9}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1768f2,#54a1ff)}.primary-btn { border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,#1768f2,#1054d5);padding:13px 19px;font-weight:800;box-shadow:0 10px 17px #1768f238; }.primary-btn:hover{transform:translateY(-1px);box-shadow:0 13px 22px #1768f24b}.primary-btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:32px 0 14px}.section-heading h2{margin:0;font:700 21px Unbounded,Manrope,sans-serif;letter-spacing:-1px}.section-heading p{margin:0;color:var(--muted);font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{position:relative;isolation:isolate;min-height:242px;padding:22px;overflow:hidden;border:0;border-radius:25px;color:#fff;text-align:left;box-shadow:0 13px 25px #1e417830;transition:.22s transform,.22s box-shadow}.category-card:hover{transform:translateY(-4px);box-shadow:0 20px 36px #1e41784a}.category-card:before{content:"";position:absolute;z-index:-1;right:-45px;bottom:-68px;width:210px;height:210px;border:35px solid #ffffff1c;border-radius:50%}.category-card.patent{background:linear-gradient(145deg,#147cf4,#1756d6)}.category-card.rvp{background:linear-gradient(145deg,#35bd58,#09833d)}.category-card.vnzh{background:linear-gradient(145deg,#9c52f2,#6323bf)}.category-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#fff;color:#1768f2;font-size:27px;box-shadow:0 10px 18px #0013521f}.category-card.rvp .category-icon{color:#128a42}.category-card.vnzh .category-icon{color:#7530d5}.category-card h3{margin:22px 0 4px;font:700 24px Unbounded,Manrope,sans-serif;letter-spacing:-1px}.category-card p{margin:0;color:#fffdfd;font-size:14px;font-weight:600}.category-meta{position:absolute;left:22px;bottom:22px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800}.arrow{position:absolute;right:19px;bottom:18px;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#ffffff26;font-size:22px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quick-card{min-height:127px;padding:17px;border:1px solid #e4eafa;border-radius:21px;background:#fff;text-align:left;box-shadow:0 8px 20px #1a4e9410}.quick-card:hover{border-color:#a8c7ff;background:#fafcff}.quick-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#edf4ff;color:#1768f2;font-size:18px}.quick-card h3{margin:12px 0 3px;font-size:14px}.quick-card p{margin:0;color:var(--muted);font-size:12px}.ad-slot{min-height:70px;display:grid;place-items:center;margin:27px 0 5px;border:1px dashed #bccbe5;border-radius:16px;color:#8a98b1;background:#ffffff8c;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.footer{display:flex;justify-content:space-between;gap:16px;padding:28px 0 12px;color:#7e8aa0;font-size:12px}.footer a{color:#2668d9;text-decoration:none;font-weight:800}
.page-title{display:flex;align-items:center;gap:13px;margin:7px 0 25px}.back-btn{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font-size:22px}.page-title h1{margin:0;font:700 24px Unbounded,Manrope,sans-serif;letter-spacing:-1px}.variant-list{display:grid;gap:11px}.variant-card{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #e1e9f7;border-radius:19px;background:#fff;box-shadow:0 6px 16px #1a4e940c}.variant-number{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:15px;color:#1768f2;background:#eaf2ff;font-size:14px;font-weight:800}.variant-card strong{display:block;font-size:15px}.variant-card span{display:block;margin-top:2px;color:var(--muted);font-size:12px}.variant-card .primary-btn{margin-left:auto;padding:10px 14px;font-size:13px}.pill{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 9px;border-radius:999px;color:#1768f2;background:#edf4ff;font-size:11px;font-weight:800}
.quiz-layout{max-width:800px;margin:auto}.quiz-head{padding:20px;border:1px solid #dfe8f8;border-radius:23px;background:#fff;box-shadow:0 10px 28px #1a4e9410}.quiz-title-row{display:flex;align-items:center;gap:12px}.quiz-title-row h1{flex:1;margin:0;font:700 20px Unbounded,Manrope,sans-serif;letter-spacing:-1px}.quiz-label{padding:7px 10px;border:1px solid #cee0ff;border-radius:999px;color:#1768f2;background:#f8fbff;font-size:11px;font-weight:800}.quiz-progress-label{display:flex;justify-content:space-between;margin:18px 0 7px;color:#6d7c99;font-size:12px;font-weight:800}.quiz-progress{height:7px;border-radius:99px;background:#e7edf7;overflow:hidden}.quiz-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1c72fb,#44a0ff)}.question-card{margin-top:16px;padding:25px;border:1px solid #e0e8f7;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.question-section{display:inline-flex;padding:6px 9px;border-radius:8px;color:#1768f2;background:#eaf2ff;font-size:11px;font-weight:800}.question-card h2{margin:13px 0 7px;font-size:22px;line-height:1.22;letter-spacing:-.7px}.question-subtitle{margin:0 0 20px;white-space:pre-line;color:#465575}.audio-panel{display:flex;align-items:center;gap:11px;margin:19px 0;padding:12px;border-radius:15px;background:#f4f7fc}.audio-play{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:0;border-radius:50%;color:#fff;background:#1768f2;font-size:16px}.audio-panel div{flex:1}.audio-panel input{width:100%;accent-color:#1768f2}.audio-time{display:flex;justify-content:space-between;color:#7887a3;font-size:11px;font-weight:700}.group{margin:19px 0}.group h3{margin:0 0 9px;font-size:15px}.option-grid{display:grid;gap:9px}.option{position:relative;display:flex;align-items:center;gap:12px;min-height:53px;padding:12px 15px;border:1px solid #dce4f2;border-radius:14px;background:#fff;transition:.15s}.option:hover:not(.locked){border-color:#72a7ff;background:#f7faff}.option.selected{border:2px solid #1768f2;padding:11px 14px;background:#f5f9ff}.option.correct{border-color:var(--success);background:var(--success-bg);color:#0d4e28}.option.wrong{border-color:var(--danger);background:var(--danger-bg);color:#72212a}.option-marker{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;border:2px solid #bdc8da;border-radius:50%;font-size:12px}.selected .option-marker{border-color:#1768f2;background:#1768f2;color:#fff}.correct .option-marker{border-color:#159746;background:#159746;color:#fff}.wrong .option-marker{border-color:#de4053;background:#de4053;color:#fff}.option img{width:100%;max-height:230px;object-fit:contain;border-radius:10px}.input-answer{width:100%;padding:14px;border:1px solid #dce4f2;border-radius:14px;font:inherit;outline:none}.input-answer:focus{border-color:#1768f2;box-shadow:0 0 0 3px #1768f219}.quiz-actions{display:flex;gap:10px;margin-top:20px}.quiz-actions .primary-btn{flex:1;min-height:49px}.secondary-btn{border:1px solid #cad6ea;border-radius:14px;background:#fff;color:var(--ink);padding:12px 16px;font-weight:800}.result{max-width:650px;margin:auto;text-align:center}.result-card{padding:29px;border:1px solid #dce6f7;border-radius:28px;background:#fff;box-shadow:var(--shadow)}.result-card h1{margin:0;font:700 27px Unbounded,Manrope,sans-serif}.score-ring{display:grid;place-items:center;width:176px;height:176px;margin:25px auto;border-radius:50%;background:conic-gradient(#1768f2 calc(var(--score)*1%),#e8eef8 0)}.score-ring:before{content:"";position:absolute;width:146px;height:146px;border-radius:50%;background:#fff}.score-ring strong{position:relative;font:700 42px Unbounded,Manrope,sans-serif;color:#1768f2}.score-ring span{position:relative;display:block;margin-top:-6px;color:#71809b;font-size:12px}.result-card h2{margin:0;font-size:24px}.result-card p{color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.stat{padding:15px;border:1px solid #e0e8f5;border-radius:16px;text-align:left}.stat span{display:block;color:#7f8ca5;font-size:12px}.stat strong{display:block;margin-top:4px;font-size:26px}.stat.good strong{color:#159746}.stat.bad strong{color:#de4053}.empty{padding:40px 20px;border:1px dashed #cbd8ed;border-radius:22px;background:#fff;text-align:center;color:#71809c}.toast{position:fixed;z-index:9;left:50%;bottom:25px;transform:translate(-50%,130px);padding:12px 17px;border-radius:13px;color:#fff;background:#14284f;box-shadow:0 12px 28px #00143c45;font-size:13px;font-weight:700;transition:.22s;white-space:nowrap}.toast.show{transform:translate(-50%,0)}
@media(max-width:760px){.app-shell{padding:18px 15px 88px}.topbar{margin-bottom:20px}.hero{grid-template-columns:1fr}.hero-copy{padding:27px 23px}.hero-art{display:none}.category-grid{grid-template-columns:1fr;gap:11px}.category-card{min-height:177px;padding:19px}.category-card h3{margin-top:13px;font-size:21px}.category-meta{left:19px;bottom:18px}.quick-grid{grid-template-columns:repeat(2,1fr)}.continue-card{align-items:flex-start;gap:12px;flex-wrap:wrap}.continue-copy{min-width:calc(100% - 62px)}.continue-card .primary-btn{width:100%}.footer{display:block}.footer p{margin:7px 0}.question-card{padding:19px}.question-card h2{font-size:19px}.quiz-head{padding:16px}.quiz-label{display:none}.stat-grid{grid-template-columns:1fr}.variant-card{padding:14px}.variant-card .primary-btn{padding:9px 11px}.pill{display:none}.page-title h1{font-size:19px}.hero h1{letter-spacing:-1.5px}}
@media(prefers-color-scheme:dark){body{--paper:#101b32;--canvas:#071120;--ink:#edf4ff;--muted:#9baccc;--line:#203253;--success-bg:#103d2a;--danger-bg:#491f2a;background:radial-gradient(circle at 88% 3%,#132d59 0,transparent 30%),#071120}.hero-copy{box-shadow:0 18px 45px #0005}.soft-btn,.icon-btn,.continue-card,.quick-card,.variant-card,.quiz-head,.question-card,.result-card,.option,.input-answer,.secondary-btn,.empty{background:#101b32;color:var(--ink);border-color:#213555}.quick-card:hover,.soft-btn:hover,.icon-btn:hover{background:#152542}.progress-track,.quiz-progress{background:#233451}.audio-panel{background:#0c172a}.option.selected{background:#102d64}.option.correct{color:#eaffef}.option.wrong{color:#fff0f1}.score-ring:before{background:#101b32}.ad-slot{background:#0c172a;border-color:#2d4266}.footer{color:#8fa0bf}}

/* Brand system: intentionally different from the Android application. */
:root { --ink:#17233b; --canvas:#f6f5f0; --paper:#fffefa; --muted:#6d7890; --line:#e1e2dc; --blue:#2758e7; --blue-deep:#18379e; --navy:#14203e; --lime:#cfe847; --coral:#ff775d; --mint:#4fcaa0; --shadow:0 18px 45px rgba(20,32,62,.09); }
html { background:var(--canvas); } body { background:radial-gradient(circle at 5% 12%,#e1edff 0,transparent 24%),radial-gradient(circle at 96% 84%,#eaf5d1 0,transparent 25%),var(--canvas); color:var(--ink); letter-spacing:-.18px; } .app-shell{width:min(1180px,100%);padding:24px 26px 100px}.page-glow{display:none}.topbar{margin:0 0 28px;padding-bottom:19px;border-bottom:1px solid var(--line)}.brand{gap:11px}.brand-mark{width:43px;height:43px;border-radius:13px;background:var(--navy);box-shadow:none}.brand-mark svg{width:22px;height:22px}.brand small{color:var(--muted);font-size:9px;letter-spacing:1.2px}.brand strong{font:700 15px/1 Unbounded,Manrope,sans-serif}.icon-btn,.soft-btn{display:grid;place-items:center;border-color:var(--line);border-radius:12px;background:transparent;color:var(--ink);box-shadow:none}.icon-btn svg{width:20px;height:20px}.soft-btn{display:block;min-height:42px;padding:0 14px;font-size:12px}.icon-btn:hover,.soft-btn:hover{border-color:#a5b9e9;background:#edf2ff}.theme-toggle{color:var(--blue)}
.hero{grid-template-columns:1.18fr .82fr;gap:14px;margin-bottom:18px}.hero-copy{position:relative;padding:42px;overflow:hidden;border:1px solid #d7d9d5;border-radius:25px;color:var(--ink);background:var(--paper);box-shadow:none}.hero-copy:after{content:"";position:absolute;right:-68px;top:-65px;width:230px;height:230px;border:38px solid #d9e7ff;border-radius:50%;opacity:.7}.eyebrow{color:var(--blue);font-size:10px;letter-spacing:1.55px}.hero h1{position:relative;z-index:1;margin:0;color:var(--navy);font:700 clamp(32px,4vw,55px)/1.05 Unbounded,Manrope,sans-serif;letter-spacing:-3px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{position:relative;z-index:1;max-width:480px;margin-top:19px;color:#53617b;font-size:16px}.hero-actions{position:relative;z-index:1;display:flex;align-items:center;gap:19px;margin-top:27px}.hero-main{display:flex;align-items:center;gap:13px;border:0;border-radius:12px;padding:14px 18px;color:#fff;background:var(--navy);font-weight:800;transition:.2s}.hero-main:hover{transform:translateY(-2px);background:#263966}.hero-main svg{width:18px;height:18px}.hero-proof{display:flex;align-items:center;gap:8px}.hero-proof b{font:700 21px Unbounded,Manrope,sans-serif;color:var(--blue)}.hero-proof small{max-width:70px;color:var(--muted);font-size:10px;font-weight:800;line-height:1.15}.hero-art{min-height:318px;padding:26px;border:1px solid #263967;border-radius:25px;background:var(--navy);box-shadow:none}.hero-art:before,.hero-art:after{display:none}.art-badge{border:1px solid #ffffff32;background:#ffffff14;font-size:10px}.art-symbol{left:auto;right:28px;bottom:24px;width:133px;height:133px;color:var(--lime);opacity:1}.art-symbol svg{width:100%;height:100%;stroke-width:1.1}.art-copy{position:absolute;z-index:1;left:26px;bottom:28px;display:grid;gap:8px}.art-copy strong{font:700 27px/1.1 Unbounded,Manrope,sans-serif;letter-spacing:-2px}.art-copy span{color:#b7c3de;font-size:12px}.hero-orbit{position:absolute;border:1px solid #ffffff2b;border-radius:50%}.orbit-one{width:300px;height:300px;right:-145px;top:-80px}.orbit-two{width:205px;height:205px;right:-48px;top:-35px;border-color:#cfe8479c}
.continue-card{border:1px solid #d8deeb;border-radius:18px;background:var(--paper);box-shadow:none}.continue-icon{border-radius:13px;background:var(--lime);color:var(--navy);box-shadow:none}.continue-icon svg{width:23px}.primary-btn{border-radius:11px;background:var(--blue);box-shadow:none}.primary-btn:hover{background:var(--blue-deep);box-shadow:none}.section-heading{margin:43px 0 16px}.section-kicker{display:block;margin-bottom:8px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:1.45px;text-transform:uppercase}.section-heading h2{font:700 23px/1.15 Unbounded,Manrope,sans-serif;letter-spacing:-1.5px}.section-heading p{margin-top:7px}.category-grid{gap:12px}.category-card{min-height:254px;padding:20px;border:1px solid transparent;border-radius:18px;box-shadow:none;transition:transform .18s,box-shadow .18s}.category-card:hover{box-shadow:0 15px 26px #1b27441b}.category-card.patent{color:#13203f;background:#dce8ff;border-color:#bed3fb}.category-card.rvp{color:#123326;background:#dff5e6;border-color:#c5e8d2}.category-card.vnzh{color:#362055;background:#efe4ff;border-color:#dfcafa}.category-card:before{right:-70px;bottom:-72px;width:170px;height:170px;border-width:24px;border-color:#ffffff8c}.category-icon{width:51px;height:51px;border-radius:14px;background:#fff;color:var(--blue);box-shadow:none}.category-icon svg{width:29px;height:29px}.rvp .category-icon{color:#17824a}.vnzh .category-icon{color:#7645ba}.category-topline{position:absolute;right:20px;top:24px;color:currentColor;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;opacity:.52}.category-card h3{margin:37px 0 3px;font-size:22px}.category-card p{max-width:190px;color:currentColor;font-size:13px;opacity:.72}.category-meta{display:flex;align-items:center;gap:6px;left:20px;bottom:21px;font-size:12px}.category-meta svg{width:15px;height:15px}.arrow{right:17px;bottom:17px;width:39px;height:39px;border-radius:11px;background:#ffffffa8;color:currentColor}.arrow svg{width:18px;height:18px}.quick-grid{gap:10px}.quick-card{position:relative;min-height:160px;padding:17px;border-radius:16px;background:var(--paper);box-shadow:none}.quick-card:hover{background:var(--paper);border-color:#b9c6df}.quick-icon{width:39px;height:39px;border-radius:12px;background:#e6edff;color:var(--blue)}.quick-icon svg{width:20px}.quick-icon.coral{color:#d94f3e;background:#ffe2dd}.quick-icon.amber{color:#a66a0a;background:#fff0c9}.quick-icon.mint{color:#167a5b;background:#ddf7ed}.quick-card h3{margin-top:18px;font-size:13px}.quick-card p{max-width:170px;line-height:1.4}.quick-arrow{position:absolute;right:14px;bottom:14px;color:#8d9ab0}.quick-arrow svg{width:17px}.ad-slot{border:1px dashed #c9ccca;border-radius:13px;background:transparent}.footer{border-top:1px solid var(--line);margin-top:34px;padding-top:20px}
.page-title h1,.quiz-title-row h1{font-family:Unbounded,Manrope,sans-serif}.variant-card,.quiz-head,.question-card,.result-card,.option,.input-answer,.secondary-btn,.empty{background:var(--paper);border-color:var(--line);box-shadow:none}.variant-card{border-radius:16px}.variant-number{border-radius:12px;background:#e6edff}.quiz-head,.question-card{border-radius:18px}.question-section{border-radius:7px}.option{border-radius:11px}.quiz-layout .ad-slot{margin-bottom:20px}.result-card{border-radius:22px}
[data-theme="dark"] { --ink:#eef2fb; --canvas:#101422; --paper:#171d2d; --muted:#9aa8c2; --line:#2c3850; --blue:#86a7ff; --blue-deep:#6689e8; --navy:#0d1220; --lime:#cce55b; --coral:#ff9987; --mint:#78deb8; --shadow:0 18px 45px #0003; }
[data-theme="light"] body { --ink:#17233b; --canvas:#f6f5f0; --paper:#fffefa; --muted:#6d7890; --line:#e1e2dc; --blue:#2758e7; --blue-deep:#18379e; --navy:#14203e; --lime:#cfe847; --coral:#ff775d; --mint:#4fcaa0; --shadow:0 18px 45px rgba(20,32,62,.09); background:radial-gradient(circle at 5% 12%,#e1edff 0,transparent 24%),radial-gradient(circle at 96% 84%,#eaf5d1 0,transparent 25%),var(--canvas); }
[data-theme="dark"] body { --ink:#eef2fb; --canvas:#101422; --paper:#171d2d; --muted:#9aa8c2; --line:#2c3850; --blue:#86a7ff; --blue-deep:#6689e8; --navy:#0d1220; --lime:#cce55b; --coral:#ff9987; --mint:#78deb8; --shadow:0 18px 45px #0003; background:radial-gradient(circle at 5% 12%,#1b2946 0,transparent 24%),radial-gradient(circle at 96% 84%,#29351d 0,transparent 25%),var(--canvas); }
[data-theme="dark"] body{background:radial-gradient(circle at 5% 12%,#1b2946 0,transparent 24%),radial-gradient(circle at 96% 84%,#29351d 0,transparent 25%),var(--canvas)}[data-theme="dark"] .hero-copy,[data-theme="dark"] .continue-card,[data-theme="dark"] .quick-card,[data-theme="dark"] .variant-card,[data-theme="dark"] .quiz-head,[data-theme="dark"] .question-card,[data-theme="dark"] .result-card,[data-theme="dark"] .option,[data-theme="dark"] .input-answer,[data-theme="dark"] .secondary-btn,[data-theme="dark"] .empty{background:var(--paper);color:var(--ink);border-color:var(--line)}[data-theme="dark"] .hero-copy:after{border-color:#253965}[data-theme="dark"] .hero h1{color:#f0f4ff}[data-theme="dark"] .hero p{color:#adbbd5}[data-theme="dark"] .category-card.patent{color:#e7efff;background:#1a2b50;border-color:#314b82}[data-theme="dark"] .category-card.rvp{color:#e6ffed;background:#173b2b;border-color:#31664d}[data-theme="dark"] .category-card.vnzh{color:#f0e7ff;background:#30224a;border-color:#57407e}[data-theme="dark"] .category-icon{background:#ffffff12}[data-theme="dark"] .quick-icon{background:#202e50}[data-theme="dark"] .quick-icon.coral{background:#4d2829}[data-theme="dark"] .quick-icon.amber{background:#493b23}[data-theme="dark"] .quick-icon.mint{background:#1d4438}[data-theme="dark"] .soft-btn:hover,[data-theme="dark"] .icon-btn:hover{background:#202a40}
@media(max-width:760px){.app-shell{padding:15px 14px 86px}.topbar{margin-bottom:18px;padding-bottom:14px}.brand strong{font-size:13px}.soft-btn{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:28px 22px;border-radius:20px}.hero h1{font-size:34px;letter-spacing:-2px}.hero p{font-size:14px}.hero-art{display:block;min-height:180px;border-radius:20px}.hero-actions{margin-top:22px}.hero-proof{display:none}.art-copy strong{font-size:23px}.art-symbol{width:95px;height:95px}.category-grid{grid-template-columns:1fr}.category-card{min-height:204px}.category-card h3{margin-top:25px}.category-card p{max-width:240px;line-height:1.35}.category-topline{top:21px}.quick-grid{grid-template-columns:1fr 1fr}.quick-card{min-height:145px}.section-heading{margin-top:34px}.category-meta{bottom:17px}.footer{font-size:10px}}