:root{
    --bg:#090909;
    --panel:#121212;
    --panel-2:#1a1a1a;
    --text:#ededed;
    --muted:#b8b8b8;
    --line:#2a2a2a;
    --gold:#d4af37;
    --red:#b81f3e;
    --green:#1d7f53;
    --shadow:0 12px 40px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
body{
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    background:radial-gradient(circle at top, #171717 0, #090909 55%);
    color:var(--text);
}
a{color:inherit;text-decoration:none}
.site-shell{max-width:1100px;margin:0 auto;padding:22px}
.site-topbar{
    display:flex;justify-content:space-between;align-items:center;
    margin-bottom:24px;padding:14px 18px;border:1px solid var(--line);
    border-radius:18px;background:rgba(12,12,12,.85);backdrop-filter:blur(8px)
}
.brand{font-weight:700;color:var(--gold);letter-spacing:.03em}
.top-links{display:flex;gap:16px;color:var(--muted)}
.hero-card,.quiz-card,.analysis-card,.result-card,.admin-card{
    background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
    border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);margin-bottom:22px
}
.hero-card h1,.quiz-card h1,.analysis-card h1,.result-card h1,.admin-card h1{
    margin:10px 0 14px;font-size:clamp(32px,4vw,54px);line-height:1.05
}
.eyebrow{color:var(--gold);font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.lead,.result-subtitle{color:var(--muted);font-size:18px;line-height:1.6}
.hero-actions,.form-actions,.footer-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{
    display:inline-flex;align-items:center;justify-content:center;min-height:48px;
    padding:0 18px;border-radius:14px;border:1px solid var(--line);font-weight:700
}
.btn-primary{background:linear-gradient(135deg,var(--red),#d44b67);border-color:#9a1937}
.btn-secondary{background:#171717}
.info-grid,.admin-grid,.stats-grid,.result-visuals{
    display:grid;gap:18px
}
.info-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-bottom:22px}
.admin-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:22px}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:18px 0}
.result-visuals{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:20px 0}
.info-card,.visual-card,.description-card,.stat-card,.admin-item,.sample-image-card,.shadow-card{
    background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px
}
.accent-card{border-color:#5a4024;box-shadow:inset 0 0 0 1px rgba(212,175,55,.12)}
.progress-meta{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:8px}
.progress-bar,.analysis-progress{
    height:12px;border-radius:999px;background:#202020;border:1px solid var(--line);overflow:hidden
}
.progress-bar span,.analysis-progress span{
    display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--red));transition:width .35s ease
}
.micro-note,.error-box{
    margin:16px 0;padding:12px 14px;border-radius:14px;background:#171717;border:1px solid var(--line);color:var(--gold)
}
.error-box{color:#ffb6c5}
.question-title{font-size:clamp(26px,3vw,40px);line-height:1.15}
.answers-form{display:grid;gap:12px;margin-top:16px}
.answer-option{
    display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);
    border-radius:18px;background:var(--panel);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease
}
.answer-option:hover{transform:translateY(-1px);border-color:#4a4a4a;background:var(--panel-2)}
.answer-option input{margin-top:3px}
.analysis-list{margin:18px 0;padding-left:18px;color:var(--muted);line-height:1.8}
.analysis-status{color:var(--gold);font-weight:700;margin-top:10px}
.is-hidden{display:none}
.reveal-text{font-size:21px;line-height:1.7;white-space:normal}
.impact-line{
    margin:18px 0;padding:18px 20px;border-left:4px solid var(--gold);
    background:#15120a;border-radius:0 16px 16px 0;color:#f5e3a4
}
.result-topline{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.badge-group{display:flex;gap:10px;flex-wrap:wrap}
.badge,.mini-badge{
    display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;
    border:1px solid var(--line);background:#171717;color:var(--muted);font-size:13px;font-weight:700
}
.badge-primary,.mini-badge{background:#23190a;color:#f5d37b;border-color:#5a4024}
.stat-number{font-size:36px;font-weight:800;color:var(--gold);margin-bottom:6px}
.stat-label{color:var(--muted);line-height:1.5}
.visual-card.recommended{border-color:#5a4024;box-shadow:inset 0 0 0 1px rgba(212,175,55,.1)}
.visual-header{display:flex;justify-content:space-between;gap:10px;align-items:center}
.sample-image-card img{width:100%;border-radius:18px;border:1px solid var(--line);display:block;margin-top:14px}
.prompt-list{color:var(--muted);line-height:1.6;padding-left:20px}
@media (max-width:720px){
    .site-shell{padding:14px}
    .site-topbar{padding:12px 14px}
    .hero-card,.quiz-card,.analysis-card,.result-card,.admin-card{padding:20px;border-radius:22px}
    .lead,.result-subtitle,.reveal-text{font-size:16px}
    .btn{width:100%}
    .form-actions .btn, .hero-actions .btn, .footer-actions .btn{flex:1 1 100%}
}