.login-wrapper{justify-content:center;align-items:center;height:100vh;margin:0;display:flex}.login-container{text-align:center;width:100%;max-width:400px;padding:2.5rem;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-title{background:var(--primary-color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1rem}.login-social-group{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.google-button,.microsoft-button{color:#444;border:1px solid var(--glass-border);background-color:#fffc;justify-content:center;align-items:center;gap:12px;width:100%;padding:1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.google-button:hover,.microsoft-button:hover{box-shadow:var(--shadow-sm);background-color:#fff;transform:translateY(-2px)}[data-theme=dark] .google-button,[data-theme=dark] .microsoft-button{color:var(--white);background-color:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .google-button:hover,[data-theme=dark] .microsoft-button:hover{background-color:#ffffff1a}