*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:#0f1115;color:#e8e8ea}
a{color:#ff7a59}main{max-width:820px;margin:0 auto;padding:24px 16px 48px}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #23262d}
.brand{font-weight:700;color:#fff;text-decoration:none;font-size:1.15em}.brand span{color:#ff7a59}
nav{display:flex;gap:14px;align-items:center}.inline{display:inline;margin:0}
.btn{display:inline-block;background:#ff7a59;color:#111;border:0;border-radius:8px;padding:9px 16px;font-weight:600;text-decoration:none;cursor:pointer;font-size:1em}
.btn.big{padding:13px 24px;font-size:1.1em}.btn.red{background:#e5484d;color:#fff}
.link{background:none;border:0;color:#ff7a59;cursor:pointer;font:inherit;padding:0}
.hero{text-align:center;padding:40px 0}.hero h1{font-size:2.1em;margin:0 0 10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.grid div,.card,.note{background:#171a21;border:1px solid #23262d;border-radius:12px;padding:16px 18px}.note{margin-top:24px}
.card label{display:block;margin-bottom:14px}input:not([type=checkbox]),textarea{display:block;width:100%;margin-top:4px;padding:9px;border-radius:8px;border:1px solid #333845;background:#0f1115;color:#fff;font:inherit}
.check{display:flex!important;gap:8px;align-items:flex-start}.err{background:#3b1518;border:1px solid #e5484d;padding:8px 12px;border-radius:8px}
.danger{margin-top:28px}.small{font-size:.85em;color:#9aa0aa}
footer{text-align:center;padding:24px;border-top:1px solid #23262d;color:#9aa0aa}