.login-container{background-color:var(--bg-secondary);min-height:calc(100vh - 80px);padding:var(--space-4);background-image:radial-gradient(var(--border) 1px, transparent 1px);background-size:20px 20px;justify-content:center;align-items:center;display:flex}.login-card{background-color:var(--bg-card);width:100%;max-width:480px;padding:var(--space-8);border:4px solid var(--border-strong);box-shadow:var(--shadow-lg);text-align:center}.login-header{margin-bottom:var(--space-6)}.login-header h1{margin-bottom:var(--space-2)}.google-btn{justify-content:center;align-items:center;gap:var(--space-4);background-color:var(--bg-primary);width:100%;color:var(--text-primary);border:2px solid var(--border-strong);padding:var(--space-4);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);font-size:1.125rem;font-weight:600;display:flex}.google-btn:hover{background-color:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translate(-2px,-2px)}.google-btn:active{box-shadow:0px 0px 0px 0px var(--border-strong);transform:translate(2px,2px)}@media (max-width:640px){.login-card{padding:var(--space-6) var(--space-4)}}