:root{--bg:#07070b;--panel:#101018;--panel2:#151522;--text:#f6f7fb;--muted:#a7a9b7;--line:#272737;--accent:#8b5cf6;--accent2:#6d5dfc;--good:#31d48c;--danger:#ff647c;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 80% -10%,rgba(139,92,246,.18),transparent 34%),var(--bg);color:var(--text);line-height:1.55}
a{color:inherit;text-decoration:none}button,input{font:inherit}.container{max-width:var(--max);margin:auto;padding:0 22px}
.topbar{border-bottom:1px solid rgba(255,255,255,.07);background:rgba(7,7,11,.78);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}.nav{height:72px;display:flex;align-items:center;gap:28px}.brand{font-weight:900;font-size:23px;letter-spacing:-.7px}.brand span{color:#9b7bff}.navlinks{display:flex;gap:22px;margin-left:auto}.navlinks a{color:#b9bac6;font-size:14px}.navlinks a:hover{color:#fff}.mobile-menu{display:none;margin-left:auto}
.hero{padding:78px 0 45px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:45px;align-items:center}.eyebrow{color:#a88bff;font-weight:800;text-transform:uppercase;letter-spacing:1.7px;font-size:12px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.02;letter-spacing:-3px;margin:14px 0 20px}.hero p{color:var(--muted);font-size:18px;max-width:680px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{border:1px solid var(--line);padding:12px 18px;border-radius:12px;background:#151521;color:#fff;font-weight:750;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#8b5cf6,#6757f6);border-color:transparent;box-shadow:0 12px 30px rgba(110,85,246,.22)}.btn:hover{transform:translateY(-1px)}
.hero-card{background:linear-gradient(145deg,rgba(139,92,246,.16),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:24px;box-shadow:0 30px 70px rgba(0,0,0,.28)}.hero-card .num{font-size:55px;font-weight:900}.hero-card .small{color:var(--muted);font-size:13px}.statrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.stat{padding:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:14px}.stat b{font-size:20px}.stat span{display:block;color:var(--muted);font-size:12px}
.section{padding:36px 0 70px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section h2{font-size:29px;letter-spacing:-1px;margin:0}.muted{color:var(--muted)}
.controls{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.search{flex:1;min-width:240px;background:#11111a;border:1px solid var(--line);color:#fff;border-radius:12px;padding:13px 15px;outline:none}.select{background:#11111a;border:1px solid var(--line);color:#fff;border-radius:12px;padding:13px 15px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:linear-gradient(180deg,#12121b,#0f0f16);border:1px solid var(--line);border-radius:17px;padding:19px;transition:.2s;min-height:190px}.card:hover{border-color:#4a3a72;transform:translateY(-2px)}.tag{display:inline-flex;font-size:11px;font-weight:800;color:#c6b7ff;background:rgba(139,92,246,.12);padding:5px 8px;border-radius:999px}.card h3{margin:13px 0 8px;font-size:18px;line-height:1.25}.card p{color:var(--muted);font-size:13px;margin:0 0 15px}.card-foot{display:flex;justify-content:space-between;align-items:center;color:#858796;font-size:12px}.arrow{color:#fff;font-weight:800}
.ad{margin:22px 0;padding:13px;border:1px dashed #343445;background:#0c0c12;border-radius:13px;text-align:center;color:#696b79;font-size:11px;letter-spacing:.7px;min-height:78px;display:flex;align-items:center;justify-content:center}
.footer{border-top:1px solid var(--line);padding:34px 0;color:#777987;font-size:13px}.footer-grid{display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:16px}
.quiz-wrap{max-width:820px;margin:50px auto 80px}.quiz-head{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.progress{height:7px;background:#1b1b26;border-radius:999px;overflow:hidden;margin:13px 0 30px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);width:0}.q-card{background:#11111a;border:1px solid var(--line);border-radius:22px;padding:28px}.q-card h1{font-size:30px;line-height:1.2;margin:0 0 8px}.q-text{font-size:22px;font-weight:750;margin:25px 0}.options{display:grid;gap:10px}.option{width:100%;text-align:left;border:1px solid #2b2b3a;background:#15151f;color:#eee;border-radius:13px;padding:15px;cursor:pointer}.option:hover{border-color:#7056c9;background:#181625}.option.selected{border-color:#9b7bff;background:rgba(139,92,246,.14)}.nextrow{display:flex;justify-content:space-between;margin-top:20px}.result{display:none;text-align:center;padding:35px}.result .score{font-size:70px;font-weight:950;line-height:1}.result h2{font-size:32px;margin:12px}.result p{color:var(--muted);max-width:600px;margin:0 auto 22px}
.prose{max-width:820px;margin:55px auto 90px}.prose h1{font-size:45px;letter-spacing:-2px}.prose h2{margin-top:34px}.prose p,.prose li{color:#b6b7c2}.contact-box{background:#11111a;border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:25px}
.empty{padding:45px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:15px;grid-column:1/-1}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.navlinks{display:none}.mobile-menu{display:block}.hero{padding-top:50px}}
@media(max-width:560px){.container{padding:0 15px}.grid{grid-template-columns:1fr}.hero h1{font-size:43px;letter-spacing:-2px}.hero p{font-size:16px}.section{padding-bottom:45px}.footer-grid{flex-direction:column}.q-card{padding:20px}.q-card h1{font-size:24px}.q-text{font-size:19px}.nav{height:64px}}

.seo-intro{max-width:820px;margin:30px auto 22px;color:#b9bac6}.seo-intro h2{color:#fff;font-size:24px;margin:0 0 10px}.seo-intro p{margin:0}.seo-questions{max-width:820px;margin:0 auto 28px;background:#0e0e16;border:1px solid #272737;border-radius:18px;padding:22px}.seo-questions h2{font-size:22px;margin:0 0 14px}.seo-questions ol{margin:0;padding-left:24px;color:#b9bac6}.seo-questions li{padding:5px 0}.breadcrumbs{max-width:820px;margin:30px auto 0;padding:0 22px;color:#858796;font-size:13px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.category-hero{max-width:820px;margin:55px auto 25px}.category-hero h1{font-size:46px;line-height:1.05;letter-spacing:-2px;margin:10px 0}.category-hero p{color:#b6b7c2;font-size:17px}.quiz-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:1000px;margin:0 auto 70px;padding:0 22px}.quiz-list .card{min-height:165px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:100;background:#fff;color:#000;padding:10px;border-radius:8px}
@media(max-width:700px){.quiz-list{grid-template-columns:1fr}.category-hero{margin-top:38px}.category-hero h1{font-size:38px}.breadcrumbs{padding:0 15px}}