*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{min-height:100vh;background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:24px 16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:36px 32px 28px;box-shadow:0 2px 16px #00000014}.brand{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.brand-logo{background:#111;color:#fff;width:48px;height:48px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.brand-logo span:first-child{font-size:11px;font-weight:900;letter-spacing:-.5px}.brand-logo span:last-child{font-size:8px;font-weight:700;letter-spacing:1px;color:#e63946}h1{font-size:22px;font-weight:800;color:#111;margin:0;text-align:center}.subtitle{font-size:13px;color:#888;text-align:center;margin:4px 0 0}.alert{background:#fff0f1;border:1px solid #ffc2c6;border-radius:8px;padding:10px 14px;font-size:13px;color:#c0293a;font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:16px;visibility:hidden;opacity:0;transition:opacity .15s ease}.alert.show{visibility:visible;opacity:1}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:#1e1e1e;color:#fff;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;transition:transform .3s ease,opacity .3s ease;opacity:0;pointer-events:none;white-space:nowrap;z-index:100}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;font-weight:600;color:#333}.field label .req{color:#e63946}.field input{width:100%;padding:11px 14px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:14px;color:#111;font-family:inherit;background:#fafafa;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#111;background:#fff;box-shadow:0 0 0 3px #1111110f}.field input.err{border-color:#e63946}.ferr{font-size:11px;color:#e63946;display:none}.ferr.show{display:block}.pw-wrap{position:relative}.pw-wrap input{padding-right:42px}.pw-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:15px;color:#aaa;padding:0;transition:color .12s}.pw-eye:hover{color:#333}.btn-main{width:100%;background:#e63946;color:#fff;font-family:inherit;font-size:14px;font-weight:700;padding:13px;border:none;border-radius:8px;cursor:pointer;transition:background .15s;margin-top:4px}.btn-main:hover{background:#c0293a}.btn-main:disabled{opacity:.5;cursor:not-allowed}.forgot-row{display:flex;justify-content:flex-end}.forgot-row a{font-size:12px;color:#e63946;font-weight:600;text-decoration:none;transition:opacity .12s}.forgot-row a:hover{opacity:.75}.divider{display:flex;align-items:center;gap:10px;font-size:11px;color:#bbb;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#eee}.btn-social{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;font-weight:500;color:#111;cursor:pointer;transition:background .12s,border-color .12s}.btn-social:hover{background:#fafafa;border-color:#ccc}.btn-social:disabled{opacity:.5;cursor:not-allowed}.footer-link{text-align:center;font-size:13px;color:#888}.footer-link a{color:#e63946;font-weight:600;text-decoration:none}.footer-link a:hover{opacity:.8}.back-link{font-size:12px;margin-bottom:20px}.back-link a{color:#bbb;text-decoration:none;transition:color .12s}.back-link a:hover{color:#555}.success{display:none;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:8px 0 4px}.success.show{display:flex}.success-icon{font-size:44px}.success h3{font-size:18px;font-weight:800;color:#111;margin:0}.success p{font-size:13px;color:#888;margin:0}@media(max-width:440px){.card{padding:28px 18px 22px}}