.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-wrapper{width:100%;max-width:520px}.auth-card{background:var(--surface);border-radius:20px;padding:40px 40px 36px;position:relative;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f}.auth-close{width:32px;height:32px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,color .15s;display:flex;position:absolute;top:20px;right:20px}.auth-close:hover{background:var(--bg);color:var(--text)}.auth-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.auth-header{margin-bottom:24px}.auth-header h1{color:var(--text);letter-spacing:-.02em;margin-bottom:6px;font-family:Montserrat,sans-serif;font-size:26px;font-weight:700}.auth-header p{color:var(--text-secondary);font-size:14px;line-height:1.5}.auth-tabs{background:var(--bg);border-radius:10px;gap:4px;margin-bottom:28px;padding:4px;display:flex}.auth-tab{text-align:center;color:var(--text-secondary);border-radius:8px;flex:1;padding:9px 16px;font:600 14px Roboto,sans-serif;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s}.auth-tab:hover{color:var(--text)}.auth-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000001a}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--text);font:500 13px Roboto,sans-serif}.auth-field input,.auth-select-wrap select{border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;width:100%;padding:11px 14px;font:400 15px Roboto,sans-serif;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:var(--text-muted)}.auth-field input:focus,.auth-select-wrap select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #d94f1e1f}.auth-select-wrap{position:relative}.auth-select-wrap select{appearance:none;cursor:pointer;padding-right:36px}.select-chevron{pointer-events:none;color:var(--text-secondary);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:60px}.auth-show-pw{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font:500 13px Roboto,sans-serif;transition:opacity .15s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-show-pw:hover{opacity:.75}.auth-hint{color:var(--text-muted);margin-top:-2px;font-size:12px}.auth-forgot{color:var(--primary);align-self:flex-end;margin-top:-4px;font-size:13px;text-decoration:none;transition:opacity .15s}.auth-forgot:hover{opacity:.75}.auth-terms{color:var(--text-secondary);font-size:13px;line-height:1.5}.auth-terms a{color:var(--primary);text-decoration:none}.auth-terms a:hover{text-decoration:underline}.auth-submit{border-radius:12px;justify-content:center;width:100%;padding:14px;font-size:15px}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-social{cursor:pointer;border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:13px;font:500 14px Roboto,sans-serif;text-decoration:none;transition:background .15s,box-shadow .15s;display:flex}.auth-social:hover{background:var(--bg);box-shadow:0 2px 8px #00000012}.auth-social:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.auth-social:active{transform:translateY(1px)}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:14px}.auth-switch a{color:var(--primary);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}@media (width<=480px){.auth-card{padding:32px 24px 28px}.auth-row{grid-template-columns:1fr}}
