*{box-sizing:border-box}body{margin:0;background:#0e0f12;color:#e8e6e1;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:#d9b56b}header,main,footer{max-width:760px;margin:0 auto;padding:1.25rem}
nav{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;border-bottom:1px solid #2a2c31}nav .brand{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e8e6e1;text-decoration:none;margin-right:auto}
nav a{text-decoration:none;font-size:.95rem}h1{font-size:clamp(2rem,7vw,3.2rem);line-height:1.1;margin:1.5rem 0 .75rem}h2{margin-top:2.2rem;border-left:4px solid #d9b56b;padding-left:.6rem}
.lead{font-size:1.15rem;color:#c9c6bf}.btn{display:inline-block;background:#d9b56b;color:#111;font-weight:700;padding:.85rem 1.4rem;border-radius:6px;text-decoration:none;border:0;font-size:1rem;cursor:pointer}
.card{background:#17191d;border:1px solid #2a2c31;border-radius:8px;padding:1rem 1.2rem;margin:1rem 0}.grid{display:grid;gap:1rem}@media(min-width:640px){.grid{grid-template-columns:repeat(3,1fr)}}
.testnote{background:#3a2d12;color:#f1d79a;font-size:.85rem;text-align:center;padding:.4rem}.placeholder{border:2px dashed #d9b56b;border-radius:8px;padding:1.2rem;margin:1.5rem 0}
label{display:block;font-weight:600;margin-top:1.1rem}input,textarea,select{width:100%;padding:.7rem;margin-top:.3rem;background:#17191d;color:#e8e6e1;border:1px solid #3a3d44;border-radius:6px;font:inherit}textarea{min-height:110px}
.chk{display:flex;gap:.6rem;font-weight:400}.chk input{width:auto}.err{color:#ff8a7a;font-size:.9rem;min-height:1em}.invalid{border-color:#ff8a7a}footer{color:#77756f;font-size:.85rem;border-top:1px solid #2a2c31}ol li{margin:.4rem 0}
.lang{font-weight:700;border:1px solid #d9b56b;border-radius:4px;padding:.1rem .45rem}.lang b{color:#e8e6e1}