:root{
  --bg:#101010;--card:#1b1b1b;--gold:#c9a227;--text:#f7f3ea;
  --muted:#b8b2a6;--line:#343434;--ok:#246b45;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#0d0d0d,#171717);color:var(--text);
font-family:Arial,Helvetica,sans-serif;line-height:1.45}
.wrap{width:min(920px,calc(100% - 28px));margin:auto}
.hero{padding:52px 0 32px;text-align:center;border-bottom:1px solid var(--line)}
.brand{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-weight:700}
h1{font-family:Georgia,serif;font-size:clamp(2rem,7vw,4.1rem);margin:.15em 0}
.lead{color:var(--muted);max-width:700px;margin:auto}
.progress{position:sticky;top:0;z-index:5;background:#101010e8;backdrop-filter:blur(8px);
border-bottom:1px solid var(--line);padding:10px 0}
.progress-bar{height:8px;background:#292929;border-radius:20px;overflow:hidden}
.progress-bar span{display:block;height:100%;width:0;background:var(--gold);transition:.25s}
form{padding:30px 0 60px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;
margin:18px 0;box-shadow:0 10px 30px #0004}
h2{font-family:Georgia,serif;margin:0 0 6px;font-size:1.65rem}
.help{color:var(--muted);font-size:.95rem;margin:0 0 20px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.full{grid-column:1/-1}
label{display:block;font-weight:700;margin-bottom:6px}
input,textarea,select{width:100%;border:1px solid #4a4a4a;background:#111;color:var(--text);
border-radius:12px;padding:14px 13px;font-size:16px;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a22722}
textarea{min-height:110px;resize:vertical}
.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.check{display:flex;align-items:center;gap:9px;background:#121212;border:1px solid #3a3a3a;
border-radius:12px;padding:12px;min-height:48px}
.check input{width:20px;height:20px;accent-color:var(--gold)}
.timeline-row{display:grid;grid-template-columns:130px 1fr;gap:12px;margin-bottom:12px}
button{width:100%;border:0;border-radius:14px;background:var(--gold);color:#111;
font-size:17px;font-weight:800;padding:16px;cursor:pointer}
button:hover{filter:brightness(1.08)}
.notice{background:#183927;border:1px solid #2c704b;padding:16px;border-radius:12px}
footer{text-align:center;color:var(--muted);padding:25px}
@media(max-width:700px){
 .grid,.checks{grid-template-columns:1fr}
 .timeline-row{grid-template-columns:105px 1fr}
 .card{padding:18px}
 .hero{padding-top:36px}
}