@charset "UTF-8";.login-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-gray-50);padding:var(--space-8)}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(var(--color-primary-rgb),.15) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(var(--color-accent-rgb),.12) 0%,transparent 50%);pointer-events:none}.login-card{max-width:420px;width:100%;background:linear-gradient(135deg,#fff,#f7f8fa);border-radius:var(--radius-2xl);border:1px solid var(--color-primary-200);box-shadow:var(--shadow-lg);padding:var(--space-10) var(--space-8);text-align:center;transition:transform .4s ease,opacity .4s ease;opacity:0;transform:translateY(20px) scale(.97)}.login-card:hover{transform:translateY(0) scale(1)}.login-card.is-visible{opacity:1;transform:translateY(0)}.login-card h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.login-card p{color:var(--text-secondary);margin-bottom:var(--space-6)}.login-card .hint{font-size:var(--font-size-xs);color:var(--text-tertiary)}.login-card .login-icon{margin:0 auto var(--space-4);width:48px;height:48px;color:var(--color-primary)}.login-card .login-icon svg{width:100%;height:100%}.login-card .form-field{margin-bottom:var(--space-5);text-align:left}.login-card .form-error-message{color:#dc2626;font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.login-card button.btn{margin-top:var(--space-4)}@media(max-width:480px){.login-card{padding:var(--space-8) var(--space-6)}}