.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.8fr) minmax(520px,1.2fr);gap:40px;align-items:center;max-width:1600px;margin:0 auto;padding:60px 40px}.login-card{background:#09182df2;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:36px;box-shadow:0 0 40px #8b5cf61f,0 25px 80px #00000073}.login-logo{display:inline-block;color:#a855f7;font-size:1.4rem;font-weight:900;text-decoration:none;margin-bottom:28px}.login-card h1{margin:0 0 12px;font-size:2.7rem}.login-subtitle{margin-bottom:30px;opacity:.8;line-height:1.6}.login-card label{margin:18px 0 8px;font-weight:700}.login-card input{width:100%;margin:0}.login-primary-button,.login-secondary-button{width:100%;margin-top:18px;padding:14px 18px;font-weight:800}.login-primary-button{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none}.login-secondary-button{background:#ffffff0a}.login-footer{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:12px}.login-link-button{background:transparent;border:none;color:#a855f7;padding:0;margin:0;font-weight:800}.login-info{min-height:650px;display:flex;align-items:center}.login-info-inner{width:100%}.eyebrow{color:#a855f7;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.login-info h2{font-size:3rem;line-height:1.12;max-width:850px;margin:12px 0 18px}.login-info p{max-width:760px;font-size:1.1rem;line-height:1.7;opacity:.82}.login-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0}.login-benefit-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px}.login-benefit-card strong{display:block;margin-bottom:8px}.login-benefit-card span{color:#ffffffb8;line-height:1.5}.login-preview-image{width:100%;border-radius:20px;box-shadow:0 0 55px #8b5cf63d,0 25px 80px #00000073}@media(max-width:1100px){.login-page{grid-template-columns:1fr}.login-info{min-height:auto}.login-benefits{grid-template-columns:1fr}.login-info h2{font-size:2.2rem}}@media(max-width:600px){.login-page,.login-card{padding:24px}.login-footer{flex-direction:column;align-items:flex-start}}