.auth-container{background-color:var(--bg-color);width:100vw;min-height:100vh;color:var(--text-primary);justify-content:center;align-items:center;padding:16px;transition:background-color .2s;display:flex}.auth-card{background-color:var(--bg-surface);border:1px solid var(--border-color);text-align:center;border-radius:24px;width:100%;max-width:440px;padding:32px;transition:all .2s;box-shadow:0 25px 50px -12px #00000040}.auth-header{margin-bottom:24px}.auth-logo{justify-content:center;margin-bottom:16px;display:flex}.auth-logo-icon{background:var(--text-primary);width:48px;height:48px;color:var(--bg-color);border-radius:12px;justify-content:center;align-items:center;display:flex}.auth-title{letter-spacing:-.025em;margin-bottom:4px;font-size:24px;font-weight:700}.auth-subtitle{color:var(--text-secondary);max-width:320px;margin:0 auto;font-size:13px;line-height:1.5}.auth-divider{justify-content:center;align-items:center;margin:20px 0;display:flex;position:relative}.auth-divider-line{border-top:1px solid var(--border-color);width:100%}.auth-divider-text{background-color:var(--bg-surface);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:0 12px;font-size:11px;font-weight:500;position:absolute}.auth-form{text-align:left;flex-direction:column;gap:14px;display:flex}.auth-label{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.auth-input-wrapper{position:relative}.auth-input-icon{color:var(--text-secondary);opacity:.7;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input{background:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:12px 14px 12px 40px;font-family:inherit;font-size:14px;transition:all .2s}.auth-input:focus{border-color:var(--text-primary)}.auth-input::placeholder{color:var(--text-secondary);opacity:.6}.auth-button{background:var(--text-primary);width:100%;color:var(--bg-color);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:opacity .2s,transform .1s;display:flex}.auth-button:hover:not(:disabled){opacity:.9}.auth-button:active:not(:disabled){transform:scale(.98)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-link{color:var(--text-secondary);text-align:center;margin-top:24px;font-size:12px}.auth-link button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-weight:600}.auth-link button:hover{text-decoration:underline}.auth-badge{color:var(--text-secondary);opacity:.7;border-top:1px solid var(--border-color);justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:24px;font-size:11px;display:flex}.auth-error{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.auth-success{color:#22c55e;background-color:#22c55e1a;border-color:#22c55e33}.auth-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.auth-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:380px;padding:24px;box-shadow:0 25px 50px -12px #00000080}.auth-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.auth-modal-header h3{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.auth-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none}.auth-modal-close:hover{color:var(--text-primary)}