*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(ellipse at top left,#dbeafe,transparent 60%),linear-gradient(135deg,#eef2ff,#f8fafc);font-family:Arial,sans-serif;color:#142442}.reset-card{width:100%;max-width:480px;background:white;border:1px solid #e1e8f3;border-radius:24px;padding:32px;box-shadow:0 24px 70px #233d6c18}.back{font-size:13px;color:#576982;text-decoration:none}.logo{display:block;height:74px;width:74px;object-fit:contain;margin:24px auto 18px}.eyebrow{text-align:center;color:#2563eb;font-size:10px;font-weight:700;letter-spacing:1.8px}h1{text-align:center;font-size:28px;letter-spacing:-.7px;margin:12px 0}h2{font-size:21px;margin:0 0 12px}.intro{text-align:center;color:#64748b;font-size:14px;line-height:1.6}.steps{padding:0;list-style:none;display:flex;gap:8px;margin:26px 0}.steps li{flex:1;text-align:center;padding:10px 0;background:#f1f5f9;border-radius:8px;font-size:12px;color:#64748b}.steps .active{background:#e8efff;color:#1d4ed8;font-weight:700}label{display:block;font-size:13px;font-weight:700;margin:18px 0 9px}input{width:100%;padding:14px;border:1px solid #cbd5e1;border-radius:10px;font-size:16px;color:#142442}input:focus{outline:2px solid #93b4ff;border-color:#2563eb}.hint{font-size:13px;color:#64748b;line-height:1.6;overflow-wrap:anywhere}button,.primary-link{border:0;border-radius:10px;background:#2563eb;color:white;padding:14px;font-size:14px;font-weight:700;cursor:pointer}form>button[type=submit],.primary-link{display:block;width:100%;margin-top:20px;text-align:center;text-decoration:none}button:disabled{opacity:.55;cursor:default}.secondary{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.secondary button,.text-button{background:transparent;color:#2563eb;padding:10px 0;font-size:12px}.otp{text-align:center;letter-spacing:10px;font-size:26px}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.toggle{position:absolute;right:8px;top:7px;background:transparent;color:#2563eb;padding:9px;font-size:12px}.check{margin:20px auto;width:56px;height:56px;border-radius:50%;background:#dcfce7;color:#15803d;display:grid;place-items:center;font-size:28px}#success{text-align:center}#feedback:empty{display:none}#feedback{font-size:13px;line-height:1.5;background:#eff6ff;color:#1e40af;padding:12px;border-radius:10px}#feedback.error{background:#fff1f2;color:#be123c}footer{text-align:center;border-top:1px solid #edf0f5;margin-top:28px;padding-top:18px;color:#8090a7;font-size:11px}[hidden]{display:none!important}@media(max-width:480px){body{padding:18px 12px}.reset-card{padding:24px 20px;border-radius:18px}h1{font-size:25px}.logo{margin-top:20px}}
