*{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}
.crisis{color:#a8a59e}.two{grid-template-columns:1fr}@media(min-width:640px){.grid.two{grid-template-columns:1fr 1fr}}
.choice{display:block;text-align:left;color:#e8e6e1;font:inherit;cursor:pointer;text-decoration:none;width:100%}.choice:hover{border-color:#d9b56b}
.stepn{color:#d9b56b;font-weight:700;margin:1.5rem 0 0}.bar{height:4px;background:#2a2c31;border-radius:2px;margin:1rem 0}.bar span{display:block;height:100%;width:0;background:#d9b56b;border-radius:2px;transition:width .2s}
.btn.ghost{background:transparent;color:#d9b56b;border:1px solid #d9b56b}.navbtns{display:flex;justify-content:space-between;margin-top:1.5rem}.timeline li{margin:.7rem 0}
.hero{width:100%;height:auto;border-radius:8px;margin-top:1rem;display:block}.choice .btn{margin-top:.5rem}.later{opacity:.6}
