.reset-modal { background: linear-gradient(135deg, rgba(130,177,239,.72), rgba(236,244,255,.88)); }
.reset-card { width: min(930px,92vw); max-height: 90vh; grid-template-columns: 43% 57%; }
.reset-visual { padding: 28px 34px; }
.reset-visual h2 { margin-top: 36px; font-size: 30px; }
.reset-visual p { font-size: 16px; max-width: 300px; }
.reset-illustration { margin: 18px 0 14px; }
.reset-illustration svg { width: 200px; height: 165px; filter: drop-shadow(0 12px 12px rgba(8,104,237,.18)); }
.reset-visual ul { list-style: none; padding-left: 0; gap: 17px; }
.reset-visual li { padding-left: 34px; position: relative; }
.reset-visual li::before { content: "✓"; position: absolute; left: 0; width: 23px; height: 23px; border: 2px solid #0868ed; border-radius: 50%; display: grid; place-items: center; color: #0868ed; font-weight: 800; }
.reset-help { margin-top: 10px; }
.reset-form-area { padding: 58px 46px 30px; }
.reset-content h1 { font-size: 29px; }
.reset-content > p { font-size: 16px; }
.reset-content form { margin-top: 25px; }
.reset-input { background: #fff; }
.reset-input input { background: transparent; }
.reset-eye { color: #526b92; font-size: 13px; font-weight: 600; }
.password-strength { margin-top: -8px; }
.strength-bars { display: flex; align-items: center; gap: 5px; }
.strength-bars i { height: 7px; flex: 1; border-radius: 6px; background: #e4eaf3; }
.strength-bars i.filled { background: #12b886; }
.strength-bars b { min-width: 54px; margin-left: 8px; color: #12a873; font-size: 13px; text-align: right; }
.password-strength[data-score="0"] b, .password-strength[data-score="1"] b { color: #d24b5b; }
.password-strength[data-score="2"] b { color: #c68416; }
.reset-form-footer { display: grid; gap: 20px; text-align: center; margin-top: 8px; color: #637492; }
.reset-form-footer::before { content: ""; height: 1px; background: #dbe3ef; }
.reset-form-footer span { margin-top: -32px; background: #fff; width: 35px; justify-self: center; }
.reset-form-footer button { border: 0; background: transparent; color: #0868ed; font-size: 16px; font-weight: 700; cursor: pointer; }
@media(max-width:700px) { .reset-card { width: min(520px,96vw); } .reset-form-area { padding: 68px 25px 30px; } .reset-content h1 { font-size: 28px; } }