.login-page{background:hsl(var(--background));justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:1.5rem;display:flex}.login-card{background:hsl(var(--card));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid hsl(var(--border));z-index:10;width:100%;max-width:420px;padding:2rem;transition:transform .3s;position:relative}.login-header{text-align:center;margin-bottom:1.5rem}.login-title{color:hsl(var(--foreground));letter-spacing:-.025em;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-subtitle{color:hsl(var(--muted-foreground));font-size:.95rem}.login-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:hsl(var(--foreground));margin-left:.25rem;font-size:.875rem;font-weight:500}.form-input{border:1px solid hsl(var(--border));border-radius:var(--radius);background-color:hsl(var(--secondary));width:100%;color:hsl(var(--foreground));padding:.875rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.2);background-color:hsl(var(--card));outline:none}.login-button{background-color:hsl(var(--primary));width:100%;color:hsl(var(--primary-foreground));border-radius:var(--radius);cursor:pointer;border:none;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.login-button:hover{background-color:hsl(var(--primary)/.85);box-shadow:0 4px 6px -1px hsl(var(--primary)/.3);transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{background-color:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive)/.3);color:hsl(var(--destructive));border-radius:var(--radius);align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}.info-message{color:#0073e6;border-radius:var(--radius);background-color:#0080ff1a;border:1px solid #0080ff4d;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;display:flex}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.brand-icon{border-radius:12px;width:64px;height:64px;margin:0 auto 1.5rem;display:block}.spinner{border:2px solid hsl(var(--primary-foreground)/.3);border-top-color:hsl(var(--primary-foreground));border-radius:50%;width:20px;height:20px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.google-login-button{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out;display:flex}.google-login-button:hover{background-color:#f9fafb;border-color:#9ca3af}.google-login-button:disabled{opacity:.7;cursor:not-allowed}.divider{text-align:center;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;align-items:center;margin-bottom:1.5rem;font-size:.75rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #e5e7eb;flex:1}.divider:before{margin-right:.5rem}.divider:after{margin-left:.5rem}