.auth-container{width:100%;max-width:400px;margin:auto;padding:40px 32px;background:var(--bg-secondary);border-radius:24px;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.auth-logo{text-align:center;margin-bottom:32px}
.logo-icon{font-size:64px;filter:drop-shadow(0 0 20px var(--accent))}
.auth-logo h1{font-size:28px;font-weight:700;color:var(--accent);margin-bottom:4px}
.auth-logo p{color:var(--text-secondary);font-size:14px}
.auth-form{display:none;flex-direction:column;gap:14px}
.auth-form.active{display:flex}
.auth-form h2{font-size:22px;text-align:center}
.auth-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:12px 16px;color:var(--text-primary);font-size:15px;outline:none;transition:border-color .2s;width:100%;resize:none;font-family:inherit}
.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:var(--text-muted)}
.auth-btn{padding:13px;border-radius:10px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}
.auth-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:white;box-shadow:0 4px 15px rgba(176,110,243,.4)}
.auth-btn.primary:hover{transform:translateY(-1px)}
.auth-switch{text-align:center;color:var(--text-secondary);font-size:14px}
.auth-switch span{color:var(--accent);cursor:pointer;font-weight:600}
.auth-hint{text-align:center;color:var(--text-secondary);font-size:14px}
.auth-error{color:var(--danger);font-size:13px;text-align:center;min-height:20px}
.auth-loading{text-align:center}
.code-inputs{display:flex;gap:10px;justify-content:center}
.code-input{width:46px;height:56px;text-align:center;font-size:24px;font-weight:700;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:10px;color:var(--accent);outline:none;transition:border-color .2s}
.code-input:focus{border-color:var(--accent)}
@media(max-width:480px){.auth-container{margin:16px;padding:28px 20px}.code-input{width:40px;height:48px;font-size:20px}.code-inputs{gap:6px}}