.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#111827 0,#0a0e17 100%);padding:2rem;position:relative;overflow:hidden}.login-container:before{width:400px;height:400px;background:var(--accent-primary);opacity:.15;top:-100px;left:-100px;animation:loginPulse 8s infinite alternate}.login-container:after,.login-container:before{content:"";position:absolute;filter:blur(150px)}.login-container:after{width:300px;height:300px;background:var(--accent-secondary);opacity:.08;bottom:-100px;right:-100px;animation:loginPulse 10s infinite alternate-reverse}@keyframes loginPulse{0%{opacity:.08;transform:scale(1)}to{opacity:.2;transform:scale(1.2)}}@keyframes loginFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes loginShine{to{background-position:200%}}.login-card{width:100%;max-width:440px;padding:3rem 2rem;border-radius:var(--radius-xl);text-align:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05),0 0 40px rgba(0,0,0,.4);animation:loginFloat 6s ease-in-out infinite;border:1px solid rgba(255,255,255,.08);background:rgba(26,32,53,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;z-index:1}@media (min-width:768px){.login-card{padding:4rem 3rem}}.login-header{margin-bottom:2.5rem}.login-title{font-size:2.2rem;font-weight:900;margin-top:1rem;margin-bottom:.5rem;letter-spacing:-.05em;background:linear-gradient(135deg,#ffffff 0,var(--accent-primary) 50%,#ffffff 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:loginShine 4s linear infinite}.login-subtitle{color:var(--accent-primary);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;opacity:.8}.login-description{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;font-size:.95rem}.login-error-alert{gap:.75rem;padding:.875rem 1rem;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.875rem;margin-bottom:2rem;text-align:left}.login-btn,.login-error-alert{display:flex;align-items:center;border-radius:var(--radius-md)}.login-btn{width:100%;justify-content:center;gap:.875rem;font-weight:700;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-btn-main{background:var(--accent-primary);color:#0a0e17;padding:1.1rem 1.5rem;margin-bottom:1rem;box-shadow:0 4px 20px rgba(0,212,255,.3);font-size:1rem}.login-btn-main:hover:not(:disabled){background:#ffffff;transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(0,212,255,.5);color:#0a0e17}.login-btn-main:active:not(:disabled){transform:translateY(-1px) scale(1)}.login-btn-secondary{background:rgba(255,255,255,.03);color:var(--text-secondary);padding:.875rem 1rem;font-size:.875rem;border:1px solid rgba(255,255,255,.08)}.login-btn-secondary:hover:not(:disabled){background:rgba(255,255,255,.07);color:white;border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.login-ms-logo{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px}.login-ms-sq{width:9px;height:9px}.login-ms-s1{background:#f25022}.login-ms-s2{background:#7fbb00}.login-ms-s3{background:#00a1f1}.login-ms-s4{background:#ffbb00}.login-dev-section{margin-top:2rem}.login-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:var(--text-muted);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.login-bypass-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.login-footer{margin-top:3rem;font-size:.8rem;color:var(--text-muted)}.login-creator-link{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary)!important;text-decoration:none!important;padding:.6rem 1.2rem;border-radius:var(--radius-lg);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.login-creator-link:hover{background:rgba(255,255,255,.05);border-color:var(--accent-primary);color:white!important;transform:translateY(-2px)}.login-creator-link span{font-weight:600;background:linear-gradient(90deg,#fff,var(--accent-primary),#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:loginShine 3s linear infinite}.login-creator-link svg{color:var(--text-muted);opacity:.7;transition:all .3s ease}.login-creator-link:hover svg{opacity:1;color:var(--accent-primary)}