html,body { min-height: 100%; }
.landing,.landing * { box-sizing: border-box; }
body { background: #f9fbff; }
#main-wrapper.landing { display: grid; grid-template-columns: minmax(0, 31fr) minmax(0, 69fr); min-height: 100vh; color: #112045; font-family: Inter, Arial, sans-serif; }
.landing-login { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 100vh; overflow: hidden; background: linear-gradient(150deg,#fff 0%,#fbfdff 64%,#f4f8ff 100%); padding: 28px clamp(28px,3.4vw,55px) 26px; }
.landing-locale { display: flex; align-items: center; align-self: flex-end; gap: 8px; min-height: 31px; padding: 0 9px; border: 1px solid #e5ebf2; border-radius: 11px; background: #fff; box-shadow: 0 2px 8px #21366c0b; }
.landing-locale select { min-width: 72px; border: 0; background: transparent; color: #1b2946; font-size: 11.5px; font-weight: 600; outline: none; cursor: pointer; }
.landing-login-content { position: relative; z-index: 1; width: 100%; max-width: 350px; margin: 7px auto 0; }
.landing-logo { display: inline-block; width: 172px; margin: 0 0 18px; }.landing-logo img { display: block; width: 100%; height: auto; }
.landing-welcome { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; margin-bottom: 15px; border-radius: 99px; background: #ecf0ff; color: #172952; font-size: 12.65px; font-weight: 650; }
.landing-login h1 { max-width: 310px; margin: 0 0 8px; color: #102345; font-size: clamp(29.9px,2.645vw,37.95px); line-height: 1.06; letter-spacing: -.045em; font-weight: 800; }
.landing-intro { max-width: 310px; margin: 0 0 25px; color: #657690; font-size: 14.95px; line-height: 1.45; }
.landing-form { display: flex; flex-direction: column; }
.landing-form label { margin: 0 0 6px; color: #1a2b4f; font-size: 12.65px; font-weight: 700; }.landing-form label span { color: #f14668; }
.landing-input { display: flex; align-items: center; min-height: 37px; margin-bottom: 14px; border: 1px solid #d7e0eb; border-radius: 7px; background: #fff; box-shadow: 0 2px 4px #0b255506; }
.landing-input:focus-within { border-color: #6a5cff; box-shadow: 0 0 0 3px #6355ff20; }.landing-input i { flex: none; margin-left: 12px; color: #7c8ca9; font-size: 16px; }.landing-input input { width: 100%; min-width: 0; border: 0; padding: 8px 10px; outline: 0; color: #152542; font-size: 13.8px; background: transparent; }
.landing-forgot { align-self: flex-end; margin-top: 12px; color: #5448f8; font-size: 12.65px; text-decoration: underline; }
.landing-submit { display: flex; justify-content: center; align-items: center; gap: 10px; min-height: 40px; border: 0; border-radius: 7px; background: linear-gradient(135deg,#6b5cff,#5748f4); box-shadow: 0 9px 17px #594bfa24; color: #fff; font-size: 14.95px; font-weight: 700; }.landing-submit:hover { filter: brightness(.96); }
.landing-legal { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 24px; padding-top: 13px; border-top: 1px solid #e6ebf2; color: #7b8ba5; font-size: 11.5px; }.landing-legal a { color: inherit; text-decoration: underline; }
.landing-testimonial { display: flex; align-items: flex-end; gap: 13px; min-height: 150px; margin-top: auto; color: #657693; }.landing-testimonial img { width: 87px; height: auto; opacity: .12; align-self: flex-end; }.landing-testimonial blockquote { margin: 0 0 4px; font-size: 13.8px; line-height: 1.45; font-style: italic; }.landing-testimonial blockquote::before { content: '“'; display: block; color: #8ca9ff; font-size: 32px; font-style: normal; font-weight: 800; line-height: .8; }.landing-testimonial cite { display: block; margin-top: 9px; color: #586981; font-size: 11.5px; font-style: normal; }
.landing-showcase { min-width: 0; min-height: 100vh; background-image: linear-gradient(180deg,rgba(11,12,43,.42) 0%,rgba(10,13,43,.56) 44%,rgba(237,244,255,.68) 68%,#eaf3ff 100%),linear-gradient(90deg,rgba(7,8,31,.76) 0%,rgba(7,8,31,.36) 56%,transparent 100%),var(--landing-hero-image); background-size: cover; background-position: center,center,center top; }
.landing-showcase-inner { width: 100%; max-width: 1000px; margin: 0 auto; padding: clamp(36px,5vw,60px) clamp(34px,4vw,54px) 20px; }
.landing-eyebrow { margin: 0 0 14px; color: #a9a0ff; font-size: 14.95px; font-weight: 800; letter-spacing: .025em; }
.landing-showcase h2 { margin: 0; color: #fff; font-size: clamp(49.45px,5.75vw,69px); line-height: .97; font-weight: 850; letter-spacing: -.047em; }.landing-showcase h2 span { color: #9384ff; }
.landing-hero-intro { max-width: 445px; margin: 14px 0 18px; color: #f4f5ff; font-size: 18.4px; line-height: 1.38; }
.landing-features { display: flex; gap: clamp(12px,2.6vw,35px); max-width: 620px; margin-bottom: 22px; }.landing-features>div { width: 25%; min-width: 0; }.landing-features span { display: grid; place-items: center; width: 45px; height: 45px; margin-bottom: 8px; border-radius: 13px; background: #ffffff21; color: #a397ff; font-size: 24px; }.landing-features p { margin: 0; color: #fff; font-size: 13.8px; line-height: 1.3; }
.landing-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; margin-bottom: 17px; }.landing-stat { display: flex; align-items: center; gap: 12px; min-height: 70px; padding: 12px; border: 1px solid #ffffffba; border-radius: 12px; background: #fffffff0; box-shadow: 0 12px 26px #14265322; }.landing-stat-icon { display: grid; place-items: center; flex: none; width: 43px; height: 43px; border-radius: 10px; background: #e7f5ff; color: #0aa4ef; font-size: 24px; }.landing-stat-icon-1 { background: #dff9ec; color: #0acb72; }.landing-stat-icon-2 { background: #fff4db; color: #f8b500; }.landing-stat strong,.landing-stat small { display: block; }.landing-stat strong { color: #112447; font-size: 21.85px; line-height: 1.1; font-weight: 800; }.landing-stat small { margin-top: 4px; color: #687890; font-size: 12.65px; }
.landing-audiences { padding: 15px 17px 11px; border: 1px solid #fff; border-radius: 13px; background: #fffffff0; box-shadow: 0 12px 26px #14265317; }.landing-audiences h3 { margin: 0; color: #15274a; font-size: 18.4px; font-weight: 800; }.landing-audiences>p { margin: 4px 0 12px; color: #667996; font-size: 13.8px; }.landing-audience-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }.landing-audience { display: flex; flex-direction: column; align-items: center; min-width: 0; min-height: 115px; padding: 10px 7px; border: 1px solid #e7e9f7; border-radius: 9px; background: #faf9ff; text-align: center; }.landing-audience:nth-child(2) { background: #f4fbff; }.landing-audience:nth-child(3) { background: #f1fcf8; }.landing-audience:nth-child(4) { background: #fffaf0; }.landing-audience span { display: grid; place-items: center; width: 37px; height: 37px; margin-bottom: 6px; border-radius: 10px; background: #f9e8f6; color: #ed3bad; font-size: 23px; }.landing-audience:nth-child(2) span { background: #e2f5ff; color: #0aa9f1; }.landing-audience:nth-child(3) span { background: #def9e9; color: #00c779; }.landing-audience:nth-child(4) span { background: #fff0d6; color: #f3ad00; }.landing-audience:nth-child(5) span { background: #eeeaff; color: #7055f9; }.landing-audience strong { color: #102447; font-size: 11.5px; line-height: 1.2; }.landing-audience small { margin-top: 5px; color: #63728b; font-size: 11.5px; line-height: 1.3; }
.landing-trust { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 13px; }.landing-trust>div { display: flex; align-items: center; gap: 8px; min-width: 0; }.landing-trust span { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 50%; background: #ffffffd9; color: #6a5bff; font-size: 23px; }.landing-trust p { min-width: 0; margin: 0; }.landing-trust strong,.landing-trust small { display: block; }.landing-trust strong { color: #263455; font-size: 11.5px; }.landing-trust small { color: #75829b; font-size: 11.5px; }
@media(max-width: 1100px) { #main-wrapper.landing { grid-template-columns: 35% 65%; }.landing-showcase-inner { padding-left: 30px; padding-right: 30px; }.landing-hero-intro { font-size: 16.1px; }.landing-audience-grid { gap: 5px; } }
@media(max-width: 850px) { #main-wrapper.landing { grid-template-columns: 1fr; }.landing-login { min-height: auto; padding: 20px 28px 28px; }.landing-login-content { max-width: 430px; }.landing-logo { margin-bottom: 20px; }.landing-testimonial { display: none; }.landing-showcase { min-height: auto; }.landing-showcase-inner { padding: 44px 28px; } }
@media(max-width: 570px) { .landing-features { gap: 10px; }.landing-features span { width: 38px; height: 38px; }.landing-features p { font-size: 11.5px; }.landing-stats { gap: 6px; }.landing-stat { flex-direction: column; align-items: flex-start; gap: 4px; padding: 9px; }.landing-stat strong { font-size: 17.25px; }.landing-stat small { font-size: 10.35px; }.landing-audience-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.landing-trust { grid-template-columns: 1fr; }.landing-showcase h2 { font-size: 49.45px; } }