.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden}.login-theme-toggle{position:absolute;top:1.25rem;right:1.25rem;z-index:2}.login-page:before{top:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,hsla(240,80%,65%,.12) 0,transparent 70%)}.login-page:after,.login-page:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.login-page:after{bottom:-20%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,hsla(280,70%,65%,.08) 0,transparent 70%)}.login-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:3rem 2.5rem;width:100%;max-width:420px;text-align:center;position:relative;z-index:1;animation:slideUp var(--transition-slow);box-shadow:var(--shadow-lg)}.login-logo{width:64px;height:64px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:white}.login-logo,.login-title{font-weight:700;font-family:var(--font-heading)}.login-title{font-size:1.5rem;margin-bottom:.35rem}.login-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.login-brand{color:var(--accent-primary);font-weight:600}.login-btn{width:100%;padding:.8rem 1.5rem;background:hsl(0,0%,100%);color:hsl(220,15%,12%);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all var(--transition-fast)}.login-btn:hover{background:hsl(0,0%,96%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-btn svg{width:20px;height:20px}.login-error{margin-top:1rem;padding:.65rem 1rem;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--danger);font-size:.85rem}.login-footer{margin-top:2rem;font-size:.75rem;color:var(--text-muted)}