.login-portal{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.login-portal-background{z-index:-1;position:fixed;inset:0;overflow:hidden}.gradient-orb{filter:blur(80px);opacity:.6;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.gradient-orb-1{background:radial-gradient(circle,hsl(var(--primary)/.4),transparent);width:500px;height:500px;animation-delay:0s;top:-250px;left:-250px}.gradient-orb-2{background:radial-gradient(circle,hsl(var(--ring)/.3),transparent);width:400px;height:400px;animation-delay:5s;bottom:-200px;right:-200px}.gradient-orb-3{background:radial-gradient(circle,hsl(var(--primary)/.2),transparent);width:300px;height:300px;animation-delay:10s;top:50%;right:10%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.login-portal-content{z-index:1;width:100%;max-width:28rem;animation:.6s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.login-logo{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.logo-icon{width:2.5rem;height:2.5rem;color:hsl(var(--primary));animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.login-title{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--ring)));-webkit-text-fill-color:transparent;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.login-subtitle{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.6}.login-card{margin-bottom:2rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.login-form-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.form-icon{width:1.5rem;height:1.5rem;color:hsl(var(--primary))}.login-form-header h2{color:hsl(var(--foreground));font-size:1.5rem;font-weight:600}.login-button{width:100%;margin-top:.5rem}.login-loading{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.loading-icon-large{width:3rem;height:3rem;color:hsl(var(--primary));animation:1s linear infinite spin}.login-features{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem;display:grid}.feature-card{text-align:center;padding:1.5rem}.feature-icon{width:2rem;height:2rem;color:hsl(var(--primary));margin:0 auto .75rem}.feature-card h3{color:hsl(var(--foreground));margin-bottom:.5rem;font-size:1rem;font-weight:600}.feature-card p{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.5}.error-message{background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive)/.2);border-radius:calc(var(--radius) - 2px);color:hsl(var(--destructive));align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;animation:.3s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-icon{flex-shrink:0;width:16px;height:16px}.button-icon{width:16px;height:16px}.button-icon.loading{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:640px){.login-portal{padding:1rem}.login-title{font-size:1.5rem}.login-features{grid-template-columns:1fr}}