.login-page{background:linear-gradient(135deg,#0a0e27 0%,#141852 40%,#1a1145 70%,#0f0c29 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.login-orb{filter:blur(100px);opacity:.4;mix-blend-mode:screen;border-radius:50%;position:absolute}.login-orb-1{background:radial-gradient(circle,#2563eb80 0%,#8b5cf633 50%,#0000 70%);width:500px;height:500px;animation:20s ease-in-out infinite loginOrbFloat;top:-150px;left:-100px}.login-orb-2{background:radial-gradient(circle,#f59e0b4d 0%,#8b5cf626 50%,#0000 70%);width:400px;height:400px;animation:18s ease-in-out -8s infinite reverse loginOrbFloat;bottom:-100px;right:-100px}@keyframes loginOrbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(-35px,-25px)scale(1.02)}}.login-container{z-index:10;width:100%;max-width:420px;padding:1.5rem;position:relative}.login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:1.5rem;padding:2.5rem 2rem;position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg,#2563eb,#8b5cf6,#f59e0b);height:2px;position:absolute;top:0;left:0;right:0}.login-logo{justify-content:center;align-items:center;gap:.625rem;margin-bottom:1.75rem;display:flex}.login-logo-icon{background:linear-gradient(135deg,#2563eb,#8b5cf6);border-radius:.875rem;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 24px #2563eb4d}.login-logo-text{letter-spacing:-.02em;background:linear-gradient(135deg,#60a5fa,#a78bfa,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.login-title{color:#fffffff2;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.login-desc{color:#fff6;margin-bottom:1.5rem;font-size:.85rem;line-height:1.6}.login-invite-badge{letter-spacing:.02em;color:#f59e0bf2;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:9999px;align-items:center;gap:.375rem;margin-bottom:2rem;padding:.375rem 1rem;font-size:.7rem;font-weight:600;display:inline-flex}.login-error-banner{text-align:left;background:#ef444414;border:1px solid #ef44442e;border-radius:.75rem;align-items:flex-start;gap:.625rem;margin-bottom:1.5rem;padding:.875rem 1rem;animation:.3s ease-out loginBannerIn;display:flex}.login-error-banner svg{color:#f87171;flex-shrink:0;margin-top:1px}.login-error-banner strong{color:#fca5a5;margin-bottom:.25rem;font-size:.8rem;font-weight:700;display:block}.login-error-banner p{color:#ffffff73;margin:0;font-size:.72rem;line-height:1.5}@keyframes loginBannerIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-google-btn{color:#fffffff2;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.login-google-btn:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 4px 20px #0003}.login-google-btn:active{transform:translateY(0)}.login-divider{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.login-divider span{color:#fff3;font-size:.7rem;font-weight:500}.login-back-btn{color:#fff6;text-align:center;border-radius:.75rem;width:100%;padding:.625rem 1rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.login-back-btn:hover{color:#ffffffb3;background:#ffffff08}.login-footer{color:#fff3;margin-top:1.5rem;font-size:.65rem;line-height:1.5}.login-spinner{justify-content:center;align-items:center;gap:.375rem;display:flex}.login-spinner span{background:linear-gradient(135deg,#2563eb,#8b5cf6);border-radius:50%;width:8px;height:8px}.login-spinner span:first-child{animation:1.4s ease-in-out infinite loginBounce}.login-spinner span:nth-child(2){animation:1.4s ease-in-out .15s infinite loginBounce}.login-spinner span:nth-child(3){animation:1.4s ease-in-out .3s infinite loginBounce}@keyframes loginBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@media (max-width:480px){.login-card{border-radius:1.25rem;padding:2rem 1.5rem}.login-title{font-size:1.25rem}}