:root{--ink:#102a43;--muted:#627d98;--line:#cfdee7;--sky:#1cb6ea;--pale:#f4f8fa}*{box-sizing:border-box}body{color:var(--ink);background:var(--pale);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.landing{min-height:100svh}.web-topbar{background:#f5fafc;border-bottom:1px solid #dce8ef;align-items:center;gap:10px;height:70px;padding:0 max(24px,50vw - 560px);display:flex}.web-topbar strong{letter-spacing:-.05em;font-size:1.25rem}.web-topbar span{color:#587187;font-size:.85rem}.web-topbar a{color:var(--ink);margin-left:auto;font-size:.9rem;font-weight:650;text-decoration:none}.landing section{width:min(1120px,100% - 48px);margin:0 auto;padding:clamp(100px,18vh,190px) 0}.eyebrow{color:#158fbc;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.landing h1,.login h1{letter-spacing:-.06em;max-width:720px;margin:15px 0 0;font-size:clamp(3rem,7vw,5.6rem);line-height:1}.landing section>p:not(.eyebrow){max-width:610px;color:var(--muted);margin:24px 0;font-size:1.1rem;line-height:1.65}.open{background:var(--sky);color:#fff;border-radius:8px;align-items:center;gap:28px;padding:13px 17px;font-weight:750;text-decoration:none;display:inline-flex}.open span{font-size:1.3rem}.landing small{color:#73879a;margin-top:16px;display:block}.login{grid-template-columns:1fr 1fr;min-height:100svh;display:grid}.login>div{flex-direction:column;justify-content:center;width:calc(100% - 64px);max-width:470px;margin:auto;display:flex}.login h1{letter-spacing:-.045em;font-size:2.4rem}.login>div>p:not(.eyebrow){color:var(--muted);line-height:1.55}.tabs{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin:24px 0 14px;padding:4px;display:grid}.tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:10px;font-weight:650}.tabs .active,form button{background:var(--sky);color:#fff}.login form{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px;box-shadow:0 14px 40px #0f172a0f}.login label{color:#486581;margin-top:14px;font-size:.88rem;display:block}.login label:first-child{margin-top:0}.login input{width:100%;height:43px;font:inherit;border:1px solid #ccdce6;border-radius:8px;margin-top:7px;padding:0 12px}.login form button{width:100%;min-height:43px;font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:20px;font-weight:750}.login form button:disabled{opacity:.6}.error{color:#b42318;font-size:.9rem}.login aside{color:#fff;background:linear-gradient(150deg,#092333,#103a50 65%,#0c5568);flex-direction:column;justify-content:end;padding:0 clamp(40px,9vw,140px) clamp(52px,10vh,120px);display:flex}.login aside span{color:#aeebff;letter-spacing:.13em;text-transform:uppercase;font-size:.78rem;font-weight:750}.login aside h2{letter-spacing:-.045em;max-width:440px;margin:20px 0 0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08}.login aside p{color:#d7e9f2;max-width:460px;line-height:1.6}@media (max-width:760px){.login{display:block}.login>div{width:calc(100% - 40px);min-height:100svh}.login aside,.web-topbar span{display:none}.landing section{width:calc(100% - 40px)}}