.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}.login-portal-background:before{content:"";background-image:linear-gradient(hsl(var(--border)/.3)1px,transparent 1px),linear-gradient(90deg,hsl(var(--border)/.3)1px,transparent 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 70%);mask-image:radial-gradient(#000 0%,#0000 70%)}.gradient-orb{filter:blur(100px);opacity:.5;border-radius:50%;animation:25s ease-in-out infinite float;position:absolute}.gradient-orb-1{background:radial-gradient(circle,hsl(var(--primary)/.4),transparent);width:600px;height:600px;animation-delay:0s;top:-300px;left:-200px}.gradient-orb-2{background:radial-gradient(circle,hsl(var(--ring)/.3),transparent);width:500px;height:500px;animation-delay:8s;bottom:-250px;right:-150px}.gradient-orb-3{background:radial-gradient(circle,hsl(var(--primary)/.25),transparent);width:400px;height:400px;animation-delay:16s;top:40%;right:5%}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-40px)scale(1.05)}50%{transform:translate(-30px,30px)scale(.95)}75%{transform:translate(20px,20px)scale(1.02)}}.login-portal-content{z-index:1;width:100%;max-width:26rem}.login-portal-content>*{animation:.6s cubic-bezier(.4,0,.2,1) backwards fadeInUp}.login-portal-content>:first-child{animation-delay:0s}.login-portal-content>:nth-child(2){animation-delay:.1s}.login-portal-content>:nth-child(3){animation-delay:.2s}@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:3rem;height:3rem;color:hsl(var(--primary));filter:drop-shadow(0 0 10px hsl(var(--primary)/.3));animation:3s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.login-title{font-family:var(--font-heading);background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.login-subtitle{color:hsl(var(--muted-foreground));max-width:320px;margin:0 auto;font-size:.9375rem;line-height:1.6}.login-card{-webkit-backdrop-filter:blur(20px);margin-bottom:2rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.login-form-header{border-bottom:1px solid hsl(var(--border));align-items:center;gap:.75rem;margin-bottom:.5rem;padding-bottom:1rem;display:flex}.form-icon{background:hsl(var(--primary)/.1);border-radius:calc(var(--radius) - 2px);width:1.75rem;height:1.75rem;color:hsl(var(--primary));padding:.375rem}.login-form-header h2{font-family:var(--font-heading);color:hsl(var(--foreground));margin:0;font-size:1.375rem;font-weight:600}.login-button{width:100%;margin-top:.5rem;padding:.875rem 1.5rem;font-size:1rem}.login-loading{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 2rem;display:flex}.loading-icon-large{width:3.5rem;height:3.5rem;color:hsl(var(--primary));animation:1s linear infinite spin}.login-loading p{color:hsl(var(--muted-foreground));font-size:.9375rem}@keyframes spin{to{transform:rotate(360deg)}}.login-features{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;display:grid}.feature-card{text-align:center;transition:all var(--transition-base);cursor:default;padding:1.5rem 1rem}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{background:linear-gradient(135deg,hsl(var(--primary)/.15),hsl(var(--primary)/.05));border-radius:var(--radius);width:2.5rem;height:2.5rem;color:hsl(var(--primary));margin:0 auto 1rem;padding:.625rem}.feature-card h3{font-family:var(--font-heading);color:hsl(var(--foreground));margin-bottom:.5rem;font-size:1rem;font-weight:600}.feature-card p{color:hsl(var(--muted-foreground));margin:0;font-size:.8125rem;line-height:1.5}.error-message{background:hsl(var(--destructive)/.1);border:1px solid hsl(var(--destructive)/.2);border-radius:var(--radius);color:hsl(var(--destructive));align-items:center;gap:.625rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.5;animation:.4s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.error-icon{flex-shrink:0;width:1.125rem;height:1.125rem}.button-icon{width:1.125rem;height:1.125rem}.button-icon.loading{animation:1s linear infinite spin}@media (max-width:640px){.login-portal{padding:1.5rem}.login-title{font-size:2rem}.login-subtitle{font-size:.875rem}.login-features{grid-template-columns:1fr;gap:.75rem}.feature-card{padding:1.25rem}}@media (max-width:400px){.login-portal{padding:1rem}.login-title{font-size:1.75rem}.login-card{padding:1.25rem}}