@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
.login-container{color:#f8fafc;background-color:#0f172a;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.login-hero{z-index:1;flex-direction:column;flex:1.2;justify-content:center;align-items:center;padding:40px 60px;display:flex;position:relative}.hero-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:580px;animation:.8s ease-out fadeIn;display:flex}.hero-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:40px;display:flex}.hero-logo span{letter-spacing:-.5px;font-size:22px;font-weight:700}.hero-title{max-width:500px;margin-bottom:20px;font-size:clamp(32px,4vw,42px);font-weight:800;line-height:1.15}.hero-title span{background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-description{color:#94a3b8;max-width:480px;margin-bottom:40px;font-size:clamp(15px,1.5vw,18px);line-height:1.6}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.benefit-card{background:#1e293b66;border:1px solid #ffffff0d;border-radius:16px;gap:12px;padding:16px;transition:all .3s;display:flex}.benefit-card:hover{background:#1e293b99;border-color:#8b5cf64d;transform:translateY(-4px)}.benefit-icon{color:#8b5cf6;background:#0f172a99;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.benefit-info h4{margin:0 0 2px;font-size:14px;font-weight:600}.benefit-info p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.login-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#0f172a4d;border-left:1px solid #ffffff0d;flex:.8;justify-content:center;align-items:center;padding:40px;display:flex}.login-card{background:#1e293b33;border:1px solid #ffffff08;border-radius:24px;width:100%;max-width:400px;padding:32px;animation:.6s cubic-bezier(.16,1,.3,1) slideInRight}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.login-header{text-align:center;margin-bottom:24px}.login-header h1{margin:0 0 6px;font-size:26px;font-weight:700}.login-header p{color:#94a3b8;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}label{color:#e2e8f0;font-size:13px;font-weight:500}.forgot-password{color:#8b5cf6;font-size:12px;text-decoration:none}input{color:#fff;background:#0f172a80;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);border:none;border-radius:12px;min-height:48px;margin-top:8px;padding:12px;font-size:15px;font-weight:600}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px -10px #8b5cf680}.error-banner{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.ambient-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.blob{filter:blur(100px);opacity:.3;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#8b5cf64d 0%,#0f172a00 70%);width:50vw;height:50vw;top:-10%;left:-10%}.blob-2{background:radial-gradient(circle,#3b82f633 0%,#0f172a00 70%);width:50vw;height:50vw;bottom:-10%;right:-10%}@media (max-width:1024px){.login-hero{display:none}.login-sidebar{border:none;flex:1}}