*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f3f1ec;background:#111214;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{border-bottom:1px solid #2a2c30;justify-content:space-between;align-items:center;padding:22px 6%;display:flex}header a{color:var(--accent)}section{max-width:1160px;margin:auto;padding:70px 6%}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;display:grid}.hero img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%}.eyebrow{letter-spacing:3px;color:var(--accent);font-size:11px}h1{letter-spacing:-2px;white-space:pre-line;margin:16px 0;font-size:clamp(34px,5.5vw,64px);line-height:1.05}h2{margin:0 0 10px}p{color:#b3b1aa;line-height:1.7}.button,button{background:var(--accent);color:#1a1100;border-radius:var(--radius);cursor:pointer;border:0;padding:14px 24px;font-size:15px;font-weight:700;display:inline-block}button:disabled{opacity:.45;cursor:not-allowed}.grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}article,.card,form{border-radius:var(--radius);background:#191b1e;border:1px solid #2a2c30;padding:26px}article h2{color:var(--accent)}.split{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}form,.card{gap:14px;display:grid}label{gap:7px;font-size:14px;display:grid}input,textarea{font:inherit;color:inherit;background:#0e0f11;border:1px solid #3a3d42;border-radius:10px;padding:12px}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill{color:var(--accent);background:#2a2c30;border-radius:99px;margin-left:8px;padding:3px 9px;font-size:11px}.credits b{color:var(--accent);font-size:30px}.bar{background:#2a2c30;border-radius:9px;height:8px;overflow:hidden}.bar i{background:var(--accent);height:100%;transition:width .3s;display:block}.err{color:#ff8a80}.note{margin:0;font-size:13px}ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}li{border-top:1px solid #2a2c30;justify-content:space-between;gap:10px;padding-top:8px;font-size:13px;display:flex}li em{color:var(--accent);font-style:normal}footer{color:#8a8880;border-top:1px solid #2a2c30;padding:30px 6%;font-size:14px}@media (width<=760px){.hero,.split,.grid{grid-template-columns:1fr}section{padding:48px 6%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
