:root{--navy:#12364e;--navy-deep:#0b293e;--teal:#0b897c;--mist:#eef4f4;--ink:#17344b;--muted:#6d8290}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:#eaf0f1}body{min-height:100vh;padding:28px}main{width:min(1180px,100%);min-height:calc(100vh - 56px);margin:auto;display:grid;grid-template-columns:1.12fr .88fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(12,42,60,.17)}.intro{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:680px;padding:42px 48px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(36,166,149,.38),transparent 30%),linear-gradient(145deg,var(--navy-deep),#174e67 65%,#0f706b);overflow:hidden}.intro:before,.intro:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.intro:before{width:480px;height:480px;right:-280px;bottom:-210px}.intro:after{width:300px;height:300px;right:-165px;bottom:-120px}.intro header,.intro footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.intro header img{width:168px;height:auto}.intro header span,.intro footer{font-size:10px;font-weight:700;letter-spacing:.16em;color:rgba(255,255,255,.72)}.intro-copy{position:relative;z-index:1;max-width:620px}.intro-copy>p:first-child,.access article>p{margin:0;color:#65dccb;font-size:10px;font-weight:900;letter-spacing:.2em}.intro h1{max-width:580px;margin:18px 0 22px;font:500 clamp(38px,5vw,62px)/1.05 Georgia,serif;letter-spacing:-.035em}.summary{max-width:560px;margin:0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.65}.signals{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.signals span{padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);font-size:10px;font-weight:700}.access{position:relative;display:flex;flex-direction:column;justify-content:center;padding:54px 64px;background:linear-gradient(180deg,#fff,#f9fbfb)}.language{position:absolute;right:34px;top:30px;display:flex;padding:3px;border:1px solid #dce6e8;border-radius:999px;background:#eff4f5}.language button{width:38px;padding:7px;border:0;border-radius:999px;background:transparent;color:#70838f;font-size:9px;font-weight:800;cursor:pointer}.language button.active{background:#fff;color:var(--teal);box-shadow:0 2px 8px rgba(16,58,78,.12)}.access article{max-width:430px}.shield{display:grid;place-items:center;width:58px;height:58px;margin-bottom:30px;border-radius:18px;background:#e3f3f0}.shield span{position:relative;width:24px;height:28px;border:3px solid var(--teal);border-radius:12px 12px 9px 9px}.shield span:after{content:"";position:absolute;width:6px;height:10px;left:6px;top:7px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(45deg)}.access article>p{color:var(--teal)}.access h2{margin:12px 0 14px;font:600 31px/1.15 Georgia,serif}.access-copy{display:block;color:var(--muted);font-size:14px;line-height:1.65}.login{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;margin-top:30px;padding:16px 18px;border-radius:9px;background:var(--navy);color:#fff;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 10px 24px rgba(18,54,78,.2);transition:.2s ease}.login:hover{background:#0a887b;transform:translateY(-1px)}.login svg{width:18px;fill:#fff}.login b{font-size:18px}.security{display:flex;align-items:center;gap:8px;margin-top:17px;color:#70838f;font-size:9px}.security i{width:7px;height:7px;border-radius:50%;background:#0a9b7e;box-shadow:0 0 0 4px #e5f4f0}.access>footer{position:absolute;left:64px;right:44px;bottom:36px;display:flex;justify-content:space-between;gap:20px;color:#82939d;font-size:9px}.access>footer a{color:#0b8075;font-weight:800;text-decoration:none}@media(max-width:850px){body{padding:0}main{min-height:100vh;border-radius:0;grid-template-columns:1fr}.intro{min-height:360px;padding:30px}.intro h1{font-size:38px}.intro footer{display:none}.access{min-height:520px;padding:72px 30px 78px}.access>footer{left:30px;right:30px}.language{right:24px;top:22px}}@media(max-width:500px){.intro{min-height:320px}.intro header img{width:136px}.intro h1{font-size:32px}.summary{font-size:13px}.signals{display:none}.access h2{font-size:26px}.access>footer{display:grid}}