
:root{--y:#ffd400;--k:#0b0b0b;--g:#1c1c1c;--r:#e0261b}
*{box-sizing:border-box}body{margin:0;background:var(--k);color:#fff;font-weight:500;font:500 17px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.top{display:flex;align-items:center;justify-content:center;padding:14px;background:#000;border-bottom:4px solid var(--y)}
.logo{height:84px;max-width:240px;object-fit:contain;background:#fff;border-radius:12px;padding:6px 10px}
main{max-width:560px;margin:0 auto;padding:16px}
h1{font:800 31px/1.1 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;text-transform:uppercase;margin:6px 0 10px}h1 span{color:var(--y)}
.tag{display:inline-block;background:var(--y);color:#000;font-weight:800;padding:6px 10px;border-radius:6px;text-transform:uppercase;font-size:15px}
.warn{background:#fff;color:#111;border-radius:10px;padding:12px 14px;margin:14px 0;border-left:8px solid var(--r)}.warn b{color:var(--r)}
.facts{display:grid;gap:10px;margin:14px 0}.fact{background:var(--g);border-radius:10px;padding:12px 14px;border:1px solid #2c2c2c}.fact b{color:var(--y);display:block;font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.hero{width:100%;border-radius:12px;display:block;margin:12px 0}
.cta,button{display:block;width:100%;background:var(--y);color:#000;border:0;border-radius:10px;padding:16px;font:800 18px Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-transform:uppercase;cursor:pointer;text-align:center;text-decoration:none}
button.sec{background:transparent;color:#E0E0E0;border:1px solid #444;font-size:14px;padding:10px;text-transform:none;margin-top:10px}
.card{background:var(--g);border:2px solid var(--y);border-radius:14px;padding:18px;margin:18px 0}
.bar{height:6px;background:#333;border-radius:4px;overflow:hidden;margin-bottom:14px}.bar i{display:block;height:100%;background:var(--y);width:0;transition:width .25s}
.q{font-weight:800;font-size:19px;margin:0 0 12px}.step{display:none}.step.on{display:block}
.opt{display:block;width:100%;text-align:left;background:#111;color:#fff;border:2px solid #3a3a3a;border-radius:10px;padding:14px;margin:8px 0;font:700 17px Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-transform:none}
.opt:active,.opt.sel{border-color:var(--y);background:#221f00}
label{display:block;font-weight:700;margin:12px 0 4px}input[type=text],input[type=tel]{width:100%;padding:14px;border-radius:10px;border:2px solid #3a3a3a;background:#111;color:#fff;font-size:16px}
input:focus{outline:none;border-color:var(--y)}.ck{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:14px;color:#E6E6E6;margin:14px 0}.ck input{width:22px;height:22px;flex:none;accent-color:var(--y)}
.hp{position:absolute;left:-9999px}.err{color:#ff8a80;font-size:14px;min-height:20px;margin-top:8px}
a{color:var(--y)}footer{color:#D0D0D0;font-size:14px;text-align:center;padding:24px 16px}
.top{display:flex;align-items:center;justify-content:center;padding:8px;background:#000;border-bottom:3px solid var(--y)}
.logo{height:64px;max-width:200px;object-fit:contain;background:#fff;border-radius:10px;padding:3px 6px}
main{max-width:560px;margin:0 auto;padding:10px 14px}
.job{background:var(--g);border:1px solid #2c2c2c;border-radius:12px;padding:10px 12px}
h1{font:800 21px/1.15 Inter,system-ui,sans-serif;text-transform:uppercase;margin:0 0 6px}
.warn{margin:0 0 6px;color:#fff;background:#3a0d0a;border-left:4px solid var(--r);border-radius:6px;padding:4px 8px;font-size:14px;font-weight:700}
.facts{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.35;color:#F2F2F2}
.facts li{display:flex;gap:8px;align-items:baseline;padding:3px 0}.facts b{color:var(--y);flex:none;width:84px;font-size:12px;text-transform:uppercase;letter-spacing:.03em}
.card{background:var(--g);border:2px solid var(--y);border-radius:14px;padding:12px 14px;margin:10px 0}
.bar{height:5px;background:#333;border-radius:4px;overflow:hidden;margin-bottom:10px}
.q{font-weight:800;font-size:18px;line-height:1.3;margin:0 0 6px}
.opt{display:block;width:100%;min-height:54px;text-align:left;background:#111;color:#fff;border:2px solid #3a3a3a;border-radius:10px;padding:12px 14px;margin:7px 0;font:700 17px Inter,system-ui,sans-serif;text-transform:none}

.hint{color:#cfcfcf;font-size:14px;margin:0 0 8px}textarea{width:100%;min-height:110px;padding:12px;border-radius:10px;border:2px solid #3a3a3a;background:#111;color:#fff;font:500 16px Inter,system-ui,sans-serif}textarea:focus{outline:none;border-color:var(--y)}.nav{display:flex;gap:8px;margin-top:10px}.nav button{flex:1}.ok{text-align:center}.ok h2{color:var(--y)}
