.preorder-flow{min-height:calc(100dvh - 82px);padding:26px 22px 110px;background:radial-gradient(circle at 50% 0,#271014 0,transparent 32%),#080808;color:#fff}.flow-back{display:inline-flex;color:#bbb;text-decoration:none;font-weight:700;margin-bottom:20px}.flow-logo{display:block;width:180px;max-height:74px;object-fit:contain;margin:0 auto 26px}.flow-progress{display:flex;align-items:center;justify-content:center;margin:0 auto 26px;max-width:360px}.flow-progress b{width:38px;height:38px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;color:#888;background:#101010}.flow-progress b.active,.flow-progress b.done{color:#fff;background:#ff2338;border-color:#ff2338}.flow-progress i{width:52px;border-top:2px solid #444}.flow-progress i.done{border-color:#ff2338}.flow-card{max-width:560px;margin:auto;padding:26px;border:1px solid #343434;border-radius:25px;background:linear-gradient(145deg,#191919,#0f0f0f);box-shadow:0 22px 60px #0008}.flow-card>small{color:#ff3145;font-weight:900;letter-spacing:1.5px}.flow-card h1{font-size:30px;line-height:1.1;margin:10px 0}.flow-card p{color:#bbb;line-height:1.5;margin:0 0 22px}.flow-card label{display:block;color:#ddd;font-weight:700;font-size:14px;margin:14px 0}.flow-card input{box-sizing:border-box;width:100%;height:54px;margin-top:8px;padding:0 15px;color:#fff;background:#090909;border:1px solid #444;border-radius:13px;font:inherit;outline:none}.flow-card input:focus{border-color:#ff2338;box-shadow:0 0 0 3px #ff233826}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flow-submit{width:100%;min-height:56px;margin-top:12px;border:0;border-radius:14px;background:#ff2338;color:#fff;font-weight:900;font-size:16px;cursor:pointer}.flow-submit span{float:right;margin-right:16px;font-size:24px;line-height:17px}.time-chip,.flow-success,.flow-error{padding:12px 14px;border-radius:12px;margin:14px 0}.time-chip{background:#261417;border:1px solid #71303a;color:#fff}.flow-success{background:#10291d;color:#80e6ae}.flow-error{background:#351317;color:#ff98a2}.otp-card{text-align:center}.otp-label{text-align:left}.otp-label input{text-align:center;font-size:28px;font-weight:900;letter-spacing:10px}.resend-form button{border:0;background:transparent;color:#bbb;margin-top:17px;cursor:pointer}.preorder-confirmed a{color:#ff3145}.preorder-confirmed small{color:#aaa}@media(max-width:420px){.preorder-flow{padding-inline:15px}.flow-card{padding:21px}.field-pair{grid-template-columns:1fr}.flow-logo{width:155px}}