*,*: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:Inter,system-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:none;align-items:center;gap:8px;margin-bottom:16px}.alert.show{display:flex}.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}.panel{display:none;flex-direction:column;gap:12px}.panel.active{display:flex}.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}.name-row{display:flex;gap:10px}.name-row .field{flex:1}.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}.pw-bars{display:flex;gap:3px;margin-top:4px}.pw-bar{flex:1;height:3px;border-radius:2px;background:#eee;transition:background .25s}.pw-bar.w{background:#e63946}.pw-bar.m{background:#f59e0b}.pw-bar.s{background:#22c55e}.pw-hint{font-size:11px;color:#aaa;margin-top:3px;text-align:center}.email-chip{display:flex;align-items:center;gap:8px;background:#f5f5f5;border:1.5px solid #e0e0e0;border-radius:8px;padding:9px 12px;font-size:13px;color:#333}.email-chip .dot{font-size:16px}.email-chip strong{flex:1}.email-chip button{background:none;border:none;cursor:pointer;font-size:12px;color:#888;font-family:inherit;padding:0;text-decoration:underline}.email-chip button:hover{color:#333}.btn-main{width:100%;background:#111;color:#fff;font-family:inherit;font-size:14px;font-weight:700;padding:13px;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.btn-main:hover{background:#333}.btn-main.red{background:#e63946}.btn-main.red:hover{background:#c0293a}.btn-main:disabled{opacity:.5;cursor:not-allowed}.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 h3{font-size:18px;font-weight:800;color:#111;margin:0}.success p{font-size:13px;color:#888;margin:0}.redirect-hint{font-size:12px;color:#bbb;margin:0}.btn-to-login{margin-top:4px;display:inline-block;padding:11px 28px;background:#e63946;color:#fff;font-weight:700;font-size:14px;border-radius:8px;text-decoration:none;transition:background .15s}.btn-to-login:hover{background:#c0293a}@media(max-width:440px){.card{padding:28px 18px 22px}.name-row{flex-direction:column;gap:12px}}