:root{color-scheme:dark;--bg:#050505;--fg:#f2f3f3;--muted:#8b8b8b;--line:#292929}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;min-height:100vh}main{min-height:100vh;max-width:620px;margin:auto;padding:24px 20px;display:flex;flex-direction:column}header{height:45px;display:flex;align-items:flex-start;justify-content:space-between}header img{width:125px;height:auto}header span,.eyebrow{font-size:11px;letter-spacing:.16em;color:#aaa}.progress{height:2px;background:#1d1d1d;margin:10px 0 38px}.progress i{display:block;width:33.3%;height:100%;background:#f2f3f3;transition:.3s}form{flex:1;display:flex;flex-direction:column}.step,.done{display:none;animation:up .35s ease}.step.active,.done.active{display:block}@keyframes up{from{opacity:0;transform:translateY(10px)}}h1,h2{font-size:clamp(48px,14vw,72px);line-height:.88;letter-spacing:-.07em;margin:15px 0 22px;text-transform:uppercase}h2{font-size:clamp(44px,13vw,66px)}.lead{color:#aaa;font-size:15px;line-height:1.5;max-width:410px;margin:0 0 35px}label{display:block;margin:24px 0 0;font-size:12px;letter-spacing:.05em}label b{color:#aaa}label small{float:right;color:#777}input,textarea{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:#fff;font:16px Arial;padding:13px 0;outline:none;resize:none}input:focus,textarea:focus{border-color:#fff}input::placeholder,textarea::placeholder{color:#555}.switch{display:flex;border:1px solid var(--line);padding:3px;margin-top:22px}.switch button{width:50%;padding:11px;border:0;background:transparent;color:#777}.switch .on{background:#eee;color:#050505}footer{display:flex;gap:8px;margin-top:auto;padding-top:35px}footer button{border:1px solid var(--line);background:transparent;color:#fff;padding:16px 18px;font-size:14px}#next{flex:1;background:#eee;color:#050505;border-color:#eee;text-transform:uppercase;font-weight:bold;letter-spacing:.05em;display:flex;justify-content:space-between}#error{color:#e56b6b;font-size:13px;min-height:18px}.mark{width:86px;height:86px;border-radius:50%;background:#eee;color:#050505;display:grid;place-items:center;font-size:34px;font-weight:bold;margin:30px 0}.done{padding-top:20px}[hidden]{display:none!important}