*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#e9ecf5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#1a1a1c;font-family:Inter,system-ui,-apple-system,sans-serif}.login-page{width:100%;height:100vh;display:flex;overflow:hidden}.login-brand{opacity:0;background:#1a1a1c;flex-direction:column;flex:0 0 55%;justify-content:center;align-items:center;transition:opacity .6s .15s,transform .6s .15s;display:flex;position:relative;overflow:hidden;transform:translateY(12px)}.login-brand--visible{opacity:1;transform:translateY(0)}.login-brand__logo-container{justify-content:center;align-items:center;display:flex;position:relative}.login-brand__logo{width:320px;height:auto;animation:7s ease-in-out infinite logoBreathe}@keyframes logoBreathe{0%,to{opacity:.82;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}.login-brand__sweep{pointer-events:none;background:linear-gradient(105deg,#0000 0%,#1a1a1c8c 30%,#1a1a1cb3 50%,#1a1a1c8c 70%,#0000 100%);width:50%;height:180%;animation:7s ease-in-out infinite sweepDrift;position:absolute;top:-40%;left:-60%}@keyframes sweepDrift{0%{left:-60%}to{left:110%}}.login-brand__tagline{letter-spacing:.03em;color:#7d8493;z-index:1;margin-top:22px;font-family:Lora,serif;font-size:18px;font-style:normal;font-weight:400;position:relative}.login-form-side{background:#1e1f22;border-left:1px solid #2b2d33;flex:0 0 45%;justify-content:center;align-items:center;padding:40px;display:flex}.login-card{opacity:0;background:#26282d;border:1px solid #2b2d33;border-radius:12px;flex-direction:column;width:100%;max-width:380px;padding:40px 36px;transition:opacity .6s,transform .6s;display:flex;transform:translateY(12px)}.login-card--visible{opacity:1;transform:translateY(0)}.login-card__label{letter-spacing:.12em;text-transform:uppercase;color:#b7bdcb;margin-bottom:6px;font-size:12px;font-weight:500}.login-card__heading{color:#e9ecf5;margin:0 0 28px;font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:1.2}.login-field{flex-direction:column;margin-bottom:20px;display:flex}.login-field__label{color:#c5cad6;margin-bottom:6px;font-size:13px;font-weight:500}.login-field__input{color:#e9ecf5;background:#2b2d33;border:1px solid #2b2d33;border-radius:8px;outline:none;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-field__input::placeholder{color:#7d8493}.login-field__input:focus{border-color:#5e84ed;box-shadow:0 0 0 3px #5e84ed26}.login-error{color:#d65f46;margin-bottom:16px;font-size:13px;animation:.3s forwards errorIn}@keyframes errorIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 0;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:background .15s,opacity .15s,border-color .15s;display:flex}.login-btn--primary{color:#fff;background:#5e84ed;border:none}.login-btn--primary:hover{background:#2457e3}.login-btn--ghost{color:#c5cad6;background:0 0;border:1px solid #2b2d33}.login-btn--ghost:hover{color:#e9ecf5;border-color:#5e84ed}.login-divider{align-items:center;gap:12px;margin:20px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:#2b2d33;flex:1;height:1px}.login-divider span{color:#7d8493;text-transform:lowercase;font-size:12px}.login-bio-message{color:#7d8493;text-align:center;margin-top:12px;font-size:13px;animation:.35s forwards bioIn}@keyframes bioIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.login-card--exiting{animation:.7s cubic-bezier(.4,0,.2,1) forwards cardAscend}@keyframes cardAscend{to{opacity:0;transform:translateY(-24px)}}.login-brand--exiting .login-brand__logo{animation:.8s cubic-bezier(.4,0,.2,1) forwards logoReceive}@keyframes logoReceive{to{opacity:1;transform:scale(1.04)}}.login-brand--exiting .login-brand__sweep{animation:none}.login-brand--exiting .login-brand__tagline{opacity:0;transition:opacity .5s}.login-form-side--exiting{animation:.8s cubic-bezier(.4,0,.2,1) .15s forwards formSideFade}@keyframes formSideFade{to{opacity:0}}@media (width<=1024px){.login-page{flex-direction:column;height:auto;min-height:100vh;overflow:auto}.login-brand{flex:none;padding:48px 24px 32px}.login-brand__logo{width:200px}.login-brand__tagline{margin-top:16px;font-size:15px}.login-brand__sweep{display:none}.login-form-side{background:#1a1a1c;border-top:none;border-left:none;flex:1;padding:0 24px 48px}.login-card{max-width:420px;padding:32px 24px}}