:root{--bg:#07111f;--card:rgba(15,28,47,.9);--text:#f8fafc;--muted:#94a3b8;--accent:#38bdf8;--accent-dark:#0284c7;--success:#22c55e;--danger:#fb7185;--input:rgba(255,255,255,.06)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 35%),radial-gradient(circle at bottom right,rgba(14,165,233,.12),transparent 30%),linear-gradient(145deg,#06101c 0%,#0b1727 55%,#07111f 100%)}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,520px);margin:0 auto;min-height:100vh;padding:28px 18px 24px;display:flex;flex-direction:column}.hero{text-align:center;padding:12px 8px 24px}.brand-mark{width:64px;height:64px;margin:0 auto 14px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,var(--accent),var(--accent-dark));color:#03111c;font-size:30px;font-weight:900;box-shadow:0 18px 50px rgba(56,189,248,.24)}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font-size:clamp(32px,8vw,44px);line-height:1.05}.subtitle{margin:10px auto 0;max-width:340px;color:var(--muted);line-height:1.55}.form-card{padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:var(--card);backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.28)}.progress{display:flex;align-items:flex-start;margin-bottom:26px}.progress-step{min-width:56px;text-align:center;color:var(--muted)}.progress-step span{width:30px;height:30px;margin:0 auto 7px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.04);font-size:13px;font-weight:800}.progress-step small{font-size:11px}.progress-step.active{color:var(--text)}.progress-step.active span{border-color:transparent;background:var(--accent);color:#03111c}.progress-line{flex:1;height:1px;margin-top:15px;background:rgba(255,255,255,.1)}.step{display:none;animation:fade-in .28s ease}.step.active{display:block}@keyframes fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h2{margin:0 0 8px;font-size:24px}.step-description{margin:0 0 22px;color:var(--muted);line-height:1.5}label{display:block;margin-bottom:8px;font-size:14px;font-weight:700}.phone-field{display:flex;align-items:center;min-height:58px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:var(--input);transition:.2s}.phone-field:focus-within,.order-input:focus{border-color:rgba(56,189,248,.8);box-shadow:0 0 0 4px rgba(56,189,248,.12);outline:none}.country-code{padding-left:17px;font-size:18px;font-weight:800}.phone-field input{width:100%;min-width:0;border:0;outline:0;padding:16px 16px 16px 9px;background:transparent;color:var(--text);font-size:18px;font-weight:700}.order-input{width:100%;height:64px;border:1px solid rgba(255,255,255,.12);border-radius:18px;outline:0;background:var(--input);color:var(--text);text-align:center;font-size:28px;font-weight:900;letter-spacing:.28em}::placeholder{color:#64748b}.field-hint{margin:8px 2px 0;color:var(--muted);font-size:12px}.error-message{min-height:20px;margin:7px 2px 0;color:var(--danger);font-size:13px;font-weight:700}.primary-button,.secondary-button{width:100%;min-height:56px;border:0;border-radius:18px;font-weight:800;transition:.16s}.primary-button{margin-top:8px;background:linear-gradient(145deg,var(--accent),var(--accent-dark));color:#03111c;box-shadow:0 14px 35px rgba(56,189,248,.2)}.secondary-button{margin-top:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--text)}.primary-button:active,.secondary-button:active,.back-button:active{transform:scale(.985)}.primary-button:disabled{cursor:wait;opacity:.65}.back-button{margin:-4px 0 18px;padding:0;border:0;background:transparent;color:var(--accent);font-weight:800}.success-step{text-align:center}.success-icon{width:72px;height:72px;margin:2px auto 18px;display:grid;place-items:center;border-radius:50%;background:rgba(34,197,94,.14);color:var(--success);font-size:36px;font-weight:900}.summary{margin-top:22px;padding:4px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.04);text-align:left}.summary div{display:flex;justify-content:space-between;gap:16px;padding:14px 0}.summary div+div{border-top:1px solid rgba(255,255,255,.08)}.summary span{color:var(--muted)}.summary strong{text-align:right}footer{margin-top:auto;padding:22px 0 0;text-align:center;color:#64748b;font-size:12px;line-height:1.6}footer p{margin:0}@media(max-width:390px){.app-shell{padding-inline:12px}.form-card{padding:18px;border-radius:24px}.progress-step{min-width:48px}}