.auth{width:min(100% - 32px,480px);margin-inline:auto;padding:88px 0 64px;position:relative}.auth-art{filter:drop-shadow(0 20px 30px #00000059);width:88px;margin:0 auto 10px;rotate:-6deg}.auth-title{font-family:var(--font-text);text-align:center;font-size:44px;font-weight:600;line-height:1.2}.auth-lead{font-family:var(--font-text);color:#c8d6df;text-align:center;margin-top:10px;font-size:20px;line-height:1.85}.perks{grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:26px;display:grid}.perks li{border-top:1px solid var(--line);padding-top:12px}.perk-title{font-family:var(--font-text);color:var(--color-firoozeh-pale);font-size:21px;font-weight:600;display:block}.perk-desc{color:var(--page-muted);margin-top:2px;font-size:13px;line-height:1.8;display:block}.auth-card{background:#ffffff0d;border-radius:24px;margin-top:30px;padding:22px 20px;box-shadow:inset 0 0 0 1px #ffffff1a}.auth-label{color:#dbe6ec;margin-bottom:10px;font-size:14.5px;line-height:1.8;display:block}.auth-help{color:var(--page-muted);margin-top:8px;font-size:12.5px}.auth-error{color:#ffc9c4;margin-top:10px;font-size:13.5px}.auth-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:10px;display:flex}.otp{justify-content:center;gap:10px;display:flex}.otp-box{text-align:center;color:#fff;width:54px;height:62px;caret-color:var(--color-firoozeh);background:#ffffff12;border-radius:16px;font-size:26px;font-weight:600;transition:box-shadow .2s,background-color .2s;box-shadow:inset 0 0 0 1px #ffffff29}.otp-box:focus{box-shadow:inset 0 0 0 2px var(--color-firoozeh);background:#ffffff1a;outline:none}.dev-code{color:#f6dca8;background:#f2b5441a;border-radius:14px;margin-top:14px;padding:10px 14px;font-size:13px;line-height:1.9;box-shadow:inset 0 0 0 1px #f2b54459}.dev-code strong{color:#fff;font-size:15px}
