:root{--bg:#fbf7ff;--text:#1f2937;--muted:#6b7280;--primary:#7c3aed;--primary-600:#6d28d9;--border:#e5e7eb;--white:#ffffff;--success:#10b981}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.6}
.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
.side{background:var(--white);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;align-items:center;gap:16px}
.side .logo img{height:36px}
.main{display:flex;flex-direction:column}
.site-header{padding:12px 20px;border-bottom:1px solid var(--border);background:var(--white)}
.site-nav a{margin:0 8px;color:var(--muted);text-decoration:none}
.site-nav a:hover{color:var(--primary)}
.container{max-width:900px;margin:0 auto;padding:24px}
.hero.split{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}
.hero-art{height:220px;border-radius:16px;background:radial-gradient(120px 120px at 40% 40%,#c4b5fd,transparent 60%),linear-gradient(135deg,#ddd6fe,#ede9fe)}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:var(--white);color:var(--text);text-decoration:none;font-weight:600}
.btn:hover{border-color:var(--primary);color:var(--primary)}
.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.btn.primary:hover{background:var(--primary-600);border-color:var(--primary-600)}
.btn.ghost{background:transparent}
.btn.success{background:var(--success);color:#fff;border-color:var(--success)}
.question h1{font-size:24px;margin:12px 0}
.options{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}
.options.multi label{display:flex;align-items:center}
.progress{height:12px;background:#e5e7eb;border-radius:999px;position:relative;margin:12px 0}
.progress-vert{width:140px;height:10px;transform:rotate(-90deg)}
.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#c084fc,#7c3aed);border-radius:999px;transition:width .4s ease}
.nav-float{position:fixed;right:20px;bottom:20px;display:flex;gap:8px}
.fab{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;text-decoration:none;border:1px solid var(--primary)}
.fab:hover{background:var(--primary-600);border-color:var(--primary-600)}
.back-link{display:inline-block;margin-top:10px;color:var(--muted);text-decoration:none}
.back-link:hover{color:var(--primary)}
.site-footer{padding:20px;background:var(--white);border-top:1px solid var(--border);margin-top:40px}
.contacts{display:grid;gap:8px}
.copy{text-align:center;color:var(--muted);margin-top:12px}
.cookie-banner{position:fixed;left:0;right:0;bottom:0;background:var(--white);border-top:1px solid var(--border);box-shadow:0 -2px 12px rgba(0,0,0,.06);padding:12px}
.cookie-content{max-width:900px;margin:0 auto;display:flex;gap:12px;align-items:center;justify-content:space-between}
.cookie-actions{display:flex;gap:8px}
@media (max-width:860px){.layout{grid-template-columns:1fr}.side{display:none}.hero.split{grid-template-columns:1fr}.container{padding:16px}}