:root{
 --bg:#071015;--panel:#0d1b22;--panel2:#101f27;--line:#2a4651;--text:#eef5f7;
 --muted:#91a6ae;--red:#df1730;--red2:#9f0e1f;--green:#5de697;--blue:#52b8ef;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 50% -20%,#20333b 0,#0a151b 44%,#050b0e 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif;min-height:100vh}
.wrap{max-width:920px;margin:auto;padding:18px}
.hero{border:1px solid #253f49;border-radius:12px;overflow:hidden;background:#05090b;box-shadow:0 16px 50px #0009}
.hero img{width:100%;display:block;max-height:180px;object-fit:cover}
.hero-text{padding:15px 18px;border-top:1px solid #263f49;background:linear-gradient(180deg,#0f1c22,#081216)}
.hero-text h1{margin:0;font-size:23px;letter-spacing:.5px}
.hero-text p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.progress{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin:14px 0}
.p{height:6px;border-radius:999px;background:#1c3038}.p.on{background:var(--red);box-shadow:0 0 10px #e61c3555}.p.done{background:#2d9f61}
.card{border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,var(--panel),#091318);box-shadow:0 12px 30px #0007;overflow:hidden}
.card-head{padding:13px 15px;background:#0d1c23;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.num{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#3a1119;border:1px solid #9d2533;font-weight:900}
.card-head h2{font-size:15px;margin:0}
.card-body{padding:16px}
.step{display:none}.step.active{display:block}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
label{display:block;font-size:10px;color:#a9bbc2;font-weight:900;margin-bottom:4px;letter-spacing:.2px}
input,select,textarea{width:100%;border:1px solid #35535d;border-radius:6px;background:#081319;color:#fff;padding:10px 11px;outline:none}
input:focus,select:focus,textarea:focus{border-color:#e51b34;box-shadow:0 0 0 2px #e51b3422}
textarea{min-height:110px;resize:vertical}
.field{margin-bottom:10px}.req{color:#ff5263}
.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.choice{display:flex;gap:8px;align-items:center;border:1px solid #304d57;border-radius:6px;padding:9px;background:#0a171d;font-size:11px;color:#c7d4d9}
.choice input{width:auto}
.nav{display:flex;gap:8px;margin-top:14px}.nav .spacer{flex:1}
button{height:40px;border:1px solid #3a5a64;border-radius:6px;background:#11262e;color:#fff;font-weight:900;padding:0 15px;cursor:pointer}
button.primary{background:linear-gradient(180deg,#e51b34,#a90e20);border-color:#ef3850;box-shadow:0 0 15px #df173044}
button:disabled{opacity:.4;cursor:not-allowed}
.notice{display:none;margin-bottom:12px;padding:10px 12px;border-radius:7px;border:1px solid #7c5b15;background:#30240c;color:#f4d37d;font-size:11px;line-height:1.4}
.notice.show{display:block}
.emergency{display:none;margin-bottom:12px;padding:11px;border-radius:7px;border:1px solid #af2738;background:#351017;color:#ffd5da;font-size:11px;font-weight:800;line-height:1.45}
.emergency.show{display:block}
.mini{font-size:10px;color:var(--muted);line-height:1.45}
.checkline{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#b6c6cc;line-height:1.4}
.checkline input{width:auto;margin-top:2px}
.summary{display:grid;gap:8px}
.sum{border:1px solid #294650;border-radius:7px;background:#081319;padding:9px 10px}
.sum small{display:block;color:#8299a2;font-size:8px;font-weight:900}.sum b{font-size:11px}
.success{display:none;text-align:center;padding:28px 18px}.success.show{display:block}
.success .check{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;background:#123d29;border:2px solid #4ddf8a;color:#6ff1a5;font-size:32px}
.case-no{font-size:22px;font-weight:900;color:#ff6375;letter-spacing:.7px;margin:10px 0}
footer{text-align:center;color:#687e87;font-size:9px;padding:18px 4px}
@media(max-width:700px){.wrap{padding:8px}.grid2,.grid3{grid-template-columns:1fr}.choices{grid-template-columns:1fr}.hero-text h1{font-size:18px}.card-body{padding:12px}}