.login-container{background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--bg-secondary);box-shadow:0 4px 20px var(--shadow-color,#00000014);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px;padding:3rem 2rem;display:flex}.login-icon{background-color:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.5rem;font-size:32px;display:flex}.login-title{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.login-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem}.login-button{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.login-button:hover{background-color:var(--accent-hover)}.login-button:focus,.login-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-footer{color:var(--text-secondary);font-size:.875rem}.login-divider{background:linear-gradient(90deg, transparent, var(--border-color,#e5e7eb), transparent);width:60%;height:1px}.login-subscription-notice{text-align:center;background:var(--bg-primary);border:1px solid var(--accent);border-radius:10px;width:100%;padding:1.25rem 1.5rem}.login-subscription-title{color:var(--accent);margin:0 0 .5rem;font-size:1rem;font-weight:700}.login-subscription-body{color:var(--text-secondary);margin:0 0 .5rem;font-size:.875rem;line-height:1.6}.login-plans-link{color:var(--accent);font-weight:600;text-decoration:underline}.login-subscribe-link{color:#fff;background:var(--accent);border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background-color .2s,transform .15s;display:inline-flex}.login-subscribe-link:hover{background-color:var(--accent-hover);color:#fff;text-decoration:none;transform:translateY(-1px)}.login-powered-by{color:var(--text-secondary);font-size:.75rem}