:root{--bg:#0b0b0d;--panel:#121216;--panel-2:#17171d;--border:#d4af372e;--gold:#d4af37;--gold-soft:#f1df9a;--text:#f7f4ea;--muted:#b8b1a1;--danger:#d9534f;--warning:#d4af37;--medium:#c58b39;--low:#4caf50;--shadow:0 18px 40px #00000059;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:radial-gradient(circle at top,#d4af3714,#0000 28%),linear-gradient(#09090b 0%,#0d0d10 100%);margin:0}body{margin:0}button,textarea{font:inherit}.app-shell{min-height:100vh;padding:32px 16px 56px}.app-container{max-width:1240px;margin:0 auto}.hero-badge{border:1px solid var(--border);color:var(--gold-soft);background:#d4af3712;border-radius:999px;align-items:center;margin-bottom:18px;padding:8px 14px;font-size:.9rem;display:inline-flex}.hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.6rem,5vw,4.75rem);line-height:.95}.hero-tagline{color:var(--gold-soft);margin:14px 0 10px;font-size:1.25rem;font-weight:600}.hero-text{max-width:760px;color:var(--muted);font-size:1.02rem}.main-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:20px;display:grid}.left-column,.right-column{gap:20px;display:grid}.card{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff05,#ffffff03);border-radius:24px;padding:22px}.section-heading h2{margin:0 0 4px;font-size:1.35rem}.section-heading p{color:var(--muted);margin:0}.analyzer-form{margin-top:18px}textarea{resize:vertical;width:100%;min-height:180px;color:var(--text);background:#0f1014;border:1px solid #d4af3733;border-radius:18px;outline:none;padding:16px;transition:border-color .2s,transform .2s}textarea:focus{border-color:var(--gold);transform:translateY(-1px)}.form-actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;padding:12px 18px;transition:transform .18s,opacity .18s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#111;background:linear-gradient(135deg,#d4af37,#f1df9a);font-weight:700}.btn-secondary{color:var(--text);background:#1a1b21;border:1px solid #ffffff14}.btn-small{padding:10px 14px;font-size:.92rem}.examples{margin-top:18px}.examples h3{margin:0 0 10px;font-size:1rem}.example-list{flex-wrap:wrap;gap:10px;display:flex}.example-chip{color:var(--gold-soft);cursor:pointer;background:#d4af370d;border:1px solid #d4af3733;border-radius:999px;padding:9px 14px}.risk-meter{background:#0f1014;border:1px solid #ffffff0f;border-radius:18px;margin-top:18px;padding:18px}.risk-meter-header{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.meter-track{background:#1d1f25;border-radius:999px;height:12px;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#4caf50 0%,#d4af37 55%,#d9534f 100%);border-radius:999px;height:100%}.risk-pill{border-radius:999px;margin-top:14px;padding:8px 12px;font-size:.9rem;font-weight:700;display:inline-flex}.risk-low{color:#86d889;background:#4caf501f}.risk-medium{color:#f2c06f;background:#c58b3924}.risk-high{color:#ff9f9c;background:#d9534f24}.risk-severe{color:#ffd4d2;background:#d9534f33}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.result-box,.step-box{background:#101116;border:1px solid #ffffff0f;border-radius:18px;padding:16px}.label{color:var(--muted);margin-bottom:8px;font-size:.84rem;display:block}.detail-block{margin-top:20px}.detail-block h3{margin:0 0 10px;font-size:1rem}.detail-block ul{color:var(--muted);margin:0;padding-left:18px}.detail-block li+li{margin-top:8px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.step-box strong{margin-bottom:6px;display:block}.step-box p,.history-item p,.empty-text{color:var(--muted);margin:0}.history-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.history-list{gap:12px;margin-top:16px;display:grid}.history-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:#0f1014;border:1px solid #ffffff0f;border-radius:18px;padding:15px}.history-top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.footer{color:var(--muted);padding:28px 4px 0;font-size:.95rem}@media (width<=980px){.main-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{padding:20px 12px 42px}.card{border-radius:20px;padding:18px}.results-grid,.steps{grid-template-columns:1fr}.history-head,.form-actions{flex-direction:column}.btn{width:100%}.hero h1{font-size:2.5rem}.hero-tagline{font-size:1.05rem}}.alert-danger{color:#fff;background:linear-gradient(135deg,#7a0000,#c40000);border-radius:14px;margin-bottom:16px;padding:14px;font-weight:700;animation:1.4s infinite pulseAlert;box-shadow:0 0 18px #ff000073}@keyframes pulseAlert{0%{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.card:hover{transition:all .25s;transform:translateY(-4px)}.meter-fill{animation:1s growBar}@keyframes growBar{0%{width:0%}}.risk-pill{box-shadow:0 0 14px #d4af372e}.hero{padding:32px 0 26px}.hero h1{margin:0;line-height:.95}.hero-tagline{color:#f4e4a0;margin-top:14px;margin-bottom:14px;font-size:1.7rem;font-weight:700}.hero-text{color:#ffffffd1;max-width:760px;margin-bottom:22px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:26px;display:flex}.hero-mini{color:#ffffffb8;font-size:.96rem}.hero-stats{grid-template-columns:repeat(3,1fr);gap:14px;max-width:720px;display:grid}.stat-box{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:16px}.stat-box strong{color:#d4af37;margin-bottom:6px;font-size:1.1rem;display:block}.stat-box span{color:#ffffffbd;font-size:.92rem}@media (width<=768px){.hero-stats{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:flex-start}}.email-box{text-align:center;margin-top:22px}.email-box p{color:#ffffffbf;max-width:620px;margin:10px auto 20px}.email-form{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.email-form input{color:#fff;background:#101116;border:1px solid #ffffff14;border-radius:14px;min-width:280px;padding:14px 16px}.success-box{color:#8fe89a;background:#4caf5024;border-radius:14px;max-width:420px;margin:auto;padding:14px}
