@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Work+Sans:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#0a0a0a;font-family:Work Sans,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.login-container{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.gradient-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.gradient-orb-1{background:radial-gradient(circle,#3b82f633 0%,#0000 70%);width:600px;height:600px;top:-300px;right:-100px}.gradient-orb-2{background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:500px;height:500px;animation-delay:-7s;bottom:-250px;left:-150px}.gradient-orb-3{background:radial-gradient(circle,#ec48991a 0%,#0000 70%);width:400px;height:400px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{opacity:.25;transform:translate(0)scale(1)}33%{opacity:.35;transform:translate(30px,-30px)scale(1.05)}66%{opacity:.3;transform:translate(-20px,20px)scale(.95)}}.login-content{z-index:1;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#121212b3;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:1200px;min-height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 24px 80px #0009}.form-section{flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.form-wrapper{width:100%;max-width:400px}.logo{text-align:center;margin-bottom:48px}.logo-text{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700}.form-header{text-align:center;margin-bottom:40px;animation:.4s cubic-bezier(.16,1,.3,1) fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-title{color:#fff;letter-spacing:-.5px;margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700}.form-subtitle{color:#ffffff80;font-family:Work Sans,sans-serif;font-size:14px;font-weight:400}.error-message{color:#fca5a5;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s fadeIn}.login-form{flex-direction:column;gap:20px;animation:.5s cubic-bezier(.16,1,.3,1) slideInUp;display:flex}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.input-group{flex-direction:column;gap:8px;animation:.4s cubic-bezier(.16,1,.3,1) backwards fadeInUp;display:flex}.input-group:first-child{animation-delay:.1s}.input-group:nth-child(2){animation-delay:.15s}.input-group:nth-child(3){animation-delay:.2s}.input-group:nth-child(4){animation-delay:.25s}.input-group label{color:#ffffffb3;font-size:13px;font-weight:500}.label-row{justify-content:space-between;align-items:center;display:flex}.forgot-link{color:#ffffff80;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#fffc}.input-group input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:15px;font-weight:400;transition:all .2s}.input-group input::placeholder{color:#ffffff4d}.input-group input:focus{background:#ffffff0f;border-color:#fff3}.input-group input:hover:not(:focus){border-color:#ffffff26}.submit-button{color:#0a0a0a;cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;margin-top:8px;padding:13px 24px;font-size:15px;font-weight:600;transition:all .2s;animation:.4s cubic-bezier(.16,1,.3,1) .3s backwards fadeInUp;display:flex}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ffffff1a}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{border:2px solid #0a0a0a33;border-top-color:#0a0a0a;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-footer{text-align:center;border-top:1px solid #ffffff0f;margin-top:24px;padding-top:24px;animation:.4s .4s backwards fadeIn}.form-footer p{color:#ffffff80;font-size:14px;font-weight:400}.toggle-link{color:#fff;cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:none;transition:color .2s}.toggle-link:hover{color:#fffc}.security-badge{background:#22c55e0d;border:1px solid #22c55e26;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:12px;display:flex}.security-badge svg{color:#22c55eb3;flex-shrink:0;width:16px;height:16px}.security-badge span{color:#fff9;font-size:12px;font-weight:400}.info-section{background:#ffffff05;border-left:1px solid #ffffff0f;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.info-content{max-width:400px;animation:.5s cubic-bezier(.16,1,.3,1) slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.info-title{color:#fff;letter-spacing:-1px;margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:700;line-height:1.2}.info-subtitle{color:#fff9;margin-bottom:48px;font-family:Work Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.6}.features-list{flex-direction:column;gap:24px;display:flex}.feature-item{align-items:center;gap:16px;animation:.5s cubic-bezier(.16,1,.3,1) backwards fadeInUp;display:flex}.feature-item:first-child{animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.2s}.feature-item:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-icon{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.feature-icon svg{color:#ffffffb3;width:20px;height:20px}.feature-item span{color:#fffc;font-size:15px;font-weight:500}@media (max-width:1024px){.login-content{flex-direction:column;max-width:500px}.info-section{border-top:1px solid #ffffff0f;border-left:none;padding:48px}.form-section{padding:48px}.info-title{font-size:28px}.info-subtitle{margin-bottom:32px;font-size:15px}}@media (max-width:640px){.login-container{padding:20px}.form-section,.info-section{padding:32px 28px}.logo-text{font-size:28px}.form-title{font-size:22px}.form-subtitle{font-size:13px}.info-title{font-size:24px}.info-subtitle{font-size:14px}}@media (max-width:400px){.login-container{padding:16px}.form-section,.info-section{padding:28px 24px}}