@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#080808;--panel:#111;--panel2:#151515;--line:#292929;--line2:#353535;--text:#f5f5f2;--muted:#969696;--soft:#c8c8c3;--gold:#d6b15a;--gold2:#f0cf78;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 0%,rgba(214,177,90,.08),transparent 28%),var(--bg);color:var(--text);font:14px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.wrap{max-width:1160px;margin:auto;padding:0 26px}header{position:sticky;top:0;z-index:10;background:rgba(8,8,8,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:21px;font-weight:800;letter-spacing:-.8px}.brand span{color:var(--gold);font-weight:500}.navmeta{font:10px 'DM Mono',monospace;color:#777;text-transform:uppercase;letter-spacing:1.3px}.navdot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(214,177,90,.7);margin-right:7px}
.hero{padding:88px 0 42px;max-width:850px}.eyebrow{margin:0 0 12px;font:500 10px 'DM Mono',monospace;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.hero h1{font-size:clamp(46px,7vw,82px);line-height:.98;letter-spacing:-4px;margin:0 0 23px;font-weight:700}.hero h1 em{font-style:normal;color:#777}.hero p:not(.eyebrow){max-width:690px;color:#aaa;font-size:17px;line-height:1.7}
.panel{background:linear-gradient(145deg,rgba(22,22,22,.97),rgba(12,12,12,.97));border:1px solid var(--line);border-radius:20px;padding:27px;margin:18px 0;box-shadow:0 20px 70px rgba(0,0,0,.25);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.28}.steps{display:flex;gap:25px;border-bottom:1px solid var(--line);padding-bottom:16px;color:#555;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px}.steps b{color:var(--gold)}label{display:block;margin:20px 0 8px;font-weight:700;font-size:12px;color:#ddd}label small{color:#666;font-weight:400}textarea{width:100%;min-height:190px;border:1px solid var(--line2);border-radius:13px;padding:16px;background:#0b0b0b;color:var(--text);resize:vertical;font:13px/1.65 Inter,system-ui,sans-serif;outline:0;transition:.2s}textarea::placeholder{color:#555}textarea:focus{border-color:#806d3f;box-shadow:0 0 0 3px rgba(214,177,90,.07)}.small{min-height:115px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}button{border:1px solid var(--line2);border-radius:10px;padding:10px 15px;background:#191919;color:#ddd;font-weight:700;cursor:pointer;transition:.18s}button:hover{border-color:#555;transform:translateY(-1px)}.primary{background:var(--gold);border-color:var(--gold);color:#080808;box-shadow:0 0 24px rgba(214,177,90,.12)}.primary:hover{background:var(--gold2);border-color:var(--gold2)}.ghost{background:transparent;color:#777;border-color:transparent}.privacy,.muted{font-size:10px;color:#666}.privacy{font-family:'DM Mono',monospace;margin-top:15px}.hidden{display:none}
.summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel h2{margin:0 0 6px;font-size:25px;letter-spacing:-.8px}.summary p:not(.eyebrow){margin:0;color:#888}.stat{text-align:center;min-width:150px;border-left:1px solid var(--line);padding-left:25px}.stat strong{font:500 50px/1 'DM Mono',monospace;color:var(--gold);display:block}.stat span{font:9px 'DM Mono',monospace;color:#666;text-transform:uppercase;letter-spacing:1px}
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cat{background:#0e0e0e;border:1px solid var(--line);border-radius:14px;padding:17px;transition:.2s}.cat:hover{border-color:#4a4a4a}.catline{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.num{color:var(--gold);font:11px 'DM Mono',monospace}.bar{height:5px;background:#252525;border-radius:99px;margin-top:13px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#8f753a,var(--gold));box-shadow:0 0 10px rgba(214,177,90,.25)}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter{font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.5px;padding:7px 9px;color:#777}.filter.active{background:#ddd;color:#080808;border-color:#ddd}.factor{border-top:1px solid #202020;padding:16px 1px}.factor:first-child{border-top:0}.factorhead{display:flex;justify-content:space-between;gap:12px;align-items:center}.factor h3{margin:0;font-size:13px}.badge{font:700 8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.6px;border-radius:99px;padding:5px 8px;white-space:nowrap}.strong{background:rgba(214,177,90,.14);color:var(--gold2);border:1px solid rgba(214,177,90,.25)}.moderate{background:#202020;color:#bbb;border:1px solid #333}.none{background:#151515;color:#666;border:1px solid #222}.evidence{margin:7px 0 0;font-size:10px;color:#777}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.chip{background:#181818;border:1px solid #252525;border-radius:99px;padding:3px 7px;font:8px 'DM Mono',monospace;color:#777}.idea{border:1px solid #282828;border-radius:11px;padding:12px;margin-top:8px;font-size:10px;color:#777;background:#0d0d0d}.idea b{color:#ddd}.idea:before{content:'→';color:var(--gold);margin-right:7px}.goldline{height:1px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.5;margin:4px 0 20px}footer{border-top:1px solid var(--line);margin-top:40px;padding:26px 0;color:#555;font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px}@media(max-width:700px){.wrap{padding:0 17px}.hero{padding-top:58px}.hero h1{letter-spacing:-2.5px}.navmeta{display:none}.category-grid{grid-template-columns:1fr}.summary{flex-direction:column;align-items:flex-start}.stat{border-left:0;border-top:1px solid var(--line);padding:16px 0 0;text-align:left;width:100%}.section-head{flex-direction:column}.panel{padding:20px}}
