.login-page .hero{margin-top:15px;min-height:510px}.login-page .hero h1{font-size:clamp(40px,4vw,56px)}.login-page .hero-text{max-width:490px}.login-section-heading{margin-bottom:28px}.login-section-heading .section-icon{width:34px;height:34px;margin-bottom:16px}.login-steps ol{counter-reset:login-step;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.login-steps li{counter-increment:login-step;border-top:1px solid var(--line);padding-top:23px}.login-steps li:before{content:"0" counter(login-step);display:block;color:var(--gold);font:400 24px var(--serif);margin-bottom:17px}.login-steps h3{font-size:22px}.login-steps p{font-size:17px;line-height:1.8;margin-top:14px;color:#d0d5df}.login-recovery{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:42px 48px;background:linear-gradient(120deg,#1c2c45,#192336);border:1px solid var(--line);border-radius:7px}.login-recovery h2{font-size:34px}.login-recovery p{font-size:18px;line-height:1.8;margin:20px 0 26px;color:#d0d5df}.recovery-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.login-recovery ul{list-style:none;padding:0;margin:0;align-self:center}.login-recovery li{border-bottom:1px solid var(--line);padding:18px 0 18px 24px;position:relative;font-size:17px;line-height:1.75;color:#d0d5df}.login-recovery li:before{content:"";position:absolute;left:0;top:29px;width:6px;height:6px;border-radius:50%;background:var(--gold)}.login-recovery li:first-child{border-top:1px solid var(--line)}.problem-list{display:grid;grid-template-columns:1fr 1fr;gap:30px 60px}.problem-list>div{border-top:1px solid var(--line);padding-top:24px}.problem-list h3{font-size:22px;line-height:1.4;text-wrap:balance}.problem-list p{font-size:18px;line-height:1.8;margin-top:16px;color:#d0d5df}.signup-banner{background:#19263a;border:1px solid var(--line);border-radius:7px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;align-items:stretch}.signup-banner>img{width:100%;height:100%;object-fit:cover;object-position:55% center}.signup-banner>div{padding:40px 42px}.signup-banner h2{font-size:34px}.signup-banner p{font-size:17px;line-height:1.8;margin-top:18px;color:#d0d5df}.signup-banner .recovery-actions{margin-top:24px}.login-access{display:grid;grid-template-columns:1fr 1fr;gap:75px}.login-access h2{font-size:32px}.login-access p{font-size:18px;line-height:1.8;margin:20px 0 26px;color:#d0d5df}.login-reading{width:min(1000px,calc(100% - 80px));border-top:1px solid var(--line);padding-top:42px}.login-reading h2{font-size:32px;margin-bottom:22px}.login-reading p{max-width:82ch;font-size:18px;line-height:1.85;color:#d0d5df;margin-bottom:20px}.header nav a[aria-current=page]{color:var(--gold)}@media(max-width:1050px){.login-page .hero h1{font-size:44px}.login-steps ol{gap:24px}.login-steps h3{font-size:20px}.login-recovery{padding:34px;gap:35px}.signup-banner>div{padding:30px}.login-reading{width:calc(100% - 48px)}.problem-list{gap:26px 38px}}@media(max-width:760px){.breadcrumb{padding-top:13px;font-size:13px;gap:10px}.login-page .hero{min-height:0;margin-top:10px}.login-page .hero h1{font-size:36px}.login-page .hero-text{font-size:17px}.login-page .hero-accent{font-size:18px}.login-steps ol{grid-template-columns:1fr;gap:25px}.login-steps li{padding-top:20px}.login-steps li:before{font-size:21px;margin-bottom:12px}.login-steps p{font-size:17px}.login-recovery{grid-template-columns:1fr;padding:28px 24px;gap:26px}.login-recovery h2{font-size:28px}.login-recovery p{font-size:17px}.recovery-actions{align-items:stretch;gap:12px}.recovery-actions>.cta{width:100%}.login-recovery li{font-size:16px}.problem-list{grid-template-columns:1fr;gap:27px}.problem-list p{font-size:17px}.problem-list h3{font-size:21px}.signup-banner{grid-template-columns:1fr}.signup-banner>img{height:180px;object-position:55% center}.signup-banner>div{padding:28px 24px}.signup-banner h2{font-size:28px}.login-access{grid-template-columns:1fr;gap:38px}.login-access h2{font-size:28px}.login-access p{font-size:17px}.login-access .cta{width:100%}.login-reading{width:calc(100% - 32px);padding-top:32px}.login-reading h2{font-size:28px}.login-reading p{font-size:17px;line-height:1.8}.login-section-heading h2{font-size:29px}}@media(max-width:350px){.login-page .hero h1{font-size:32px}.login-recovery{padding:25px 18px}.signup-banner>div{padding:25px 18px}}.login-steps{padding-top:40px}.login-steps li{position:relative;padding-left:58px;padding-top:24px}.login-steps li:before{position:absolute;left:0;top:22px;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#1c2a42;font-size:18px;margin:0}.login-steps h3{min-height:40px;display:flex;align-items:center}.problem-heading{display:flex;align-items:flex-start;gap:16px}.problem-heading .section-icon{width:28px;height:28px;flex:0 0 28px;margin:1px 0 0;color:var(--gold)}.problem-heading h3{text-align:left;text-wrap:pretty}.problem-list p{padding-left:44px}.login-recovery{scroll-margin-top:110px}.login-recovery .section-icon{width:36px;height:36px;margin-bottom:16px}.login-access{gap:40px;align-items:stretch}.login-access>div{padding:32px 36px}.mobile-access{border-top:1px solid var(--line)}.support-access{background:linear-gradient(120deg,#1c2c45,#192336);border:1px solid var(--line);border-radius:7px}.login-access .cta .section-icon{width:20px;height:20px;margin:0;flex:0 0 20px}.login-access .cta{gap:10px}@media(max-width:1050px){.login-access{gap:28px}.login-access>div{padding:28px}.login-steps li{padding-left:50px}.login-steps h3{font-size:19px}}@media(max-width:760px){.login-steps ol{gap:20px}.login-steps li{padding-left:56px;padding-top:22px}.login-steps li:before{top:21px}.login-steps h3{font-size:21px}.login-steps p{margin-top:10px}.problem-list p{padding-left:0}.problem-heading{gap:13px}.problem-heading .section-icon{width:26px;height:26px;flex-basis:26px}.login-access{gap:24px}.login-access>div{padding:26px 24px}.login-access p{margin-bottom:0}.support-access .cta{margin-top:24px}.login-recovery{scroll-margin-top:90px}}@media(max-width:350px){.login-access>div{padding:24px 18px}.login-steps li{padding-left:50px}.login-steps h3{font-size:20px}}@media(max-width:760px){.login-steps{padding-top:28px}}.login-page .hero{margin-top:28px}@media(max-width:760px){.login-page .hero{margin-top:18px}}
