*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#031629;color:#f7fbff}
body{min-height:100vh;overflow-x:hidden}
.page{min-height:100vh;position:relative;isolation:isolate;background:radial-gradient(circle at 54% 45%,rgba(0,156,255,.12),transparent 36%),linear-gradient(90deg,#061b2e 0%,#04182a 37%,#031426 100%);overflow:hidden}
.page:before{content:"";position:absolute;z-index:-2;inset:-4% 20% -5% 32%;background:url('./globe-clean.png') center/cover no-repeat;filter:saturate(1.16) contrast(1.06);opacity:.92;mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 84%,transparent 100%)}
.page:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,22,41,.98) 0%,rgba(3,22,41,.84) 24%,rgba(3,22,41,.20) 48%,rgba(3,22,41,.15) 70%,rgba(3,22,41,.72) 100%)}
.wrap{width:min(1460px,90vw);margin:auto;min-height:100vh;position:relative;padding:38px 0 32px}
.top{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:16px} .brand img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(0,225,255,.22))}
.word{font-size:38px;font-weight:800;letter-spacing:-1.5px} .word b{color:#13d9e7} .access{font-size:13px;font-weight:700;letter-spacing:.04em;display:flex;gap:8px;align-items:center}
.main{display:grid;grid-template-columns:1.05fr .75fr;gap:70px;align-items:center;min-height:calc(100vh - 130px)}
.hero{padding-top:20px;max-width:670px} .eyebrow{font-size:13px;letter-spacing:.30em;font-weight:800;color:#c9d8e9;display:flex;align-items:center;gap:18px;margin-bottom:28px} .eyebrow:after{content:"";width:74px;height:1px;background:#19dce9}
h1{font-size:clamp(58px,5.5vw,90px);line-height:.95;letter-spacing:-4px;margin:0 0 28px;font-weight:850;text-shadow:0 4px 28px rgba(0,0,0,.22)} h1 span{display:block;background:linear-gradient(90deg,#27e2d7,#11b5ec);-webkit-background-clip:text;background-clip:text;color:transparent}
.desc{font-size:19px;line-height:1.7;color:#e2edf7;max-width:590px;margin:0 0 48px}
.features{display:flex;gap:20px;flex-wrap:wrap} .feature{display:flex;align-items:center;gap:11px;padding-right:20px;border-right:1px solid rgba(159,205,232,.28)} .feature:last-child{border-right:0} .ico{width:42px;height:42px;border:1px solid #10cce8;border-radius:9px;display:grid;place-items:center;color:#1ee7ee;font-size:19px;box-shadow:inset 0 0 16px rgba(0,204,255,.08)} .ftxt strong{display:block;font-size:13px} .ftxt small{font-size:10px;color:#a9bfd2}
.card{justify-self:end;width:min(480px,100%);padding:48px 48px 36px;border-radius:24px;border:1px solid #2bc7ff;background:linear-gradient(145deg,rgba(18,48,78,.93),rgba(5,27,49,.96));box-shadow:0 0 55px rgba(0,174,255,.13),inset 0 0 40px rgba(24,130,207,.08);backdrop-filter:blur(12px)}
.kicker{font-size:11px;color:#21e5e4;letter-spacing:.24em;font-weight:800;margin-bottom:12px} .card h2{font-size:48px;margin:0 0 6px;letter-spacing:-2px} .sub{color:#d0e0ed;margin-bottom:38px}
label{font-size:13px;font-weight:750;display:block;margin:0 0 10px} .field{position:relative;margin-bottom:22px} input{width:100%;height:56px;border-radius:10px;border:1px solid #3b759f;background:#102b47;color:white;padding:0 16px;outline:none;font-size:14px;box-shadow:inset 0 0 14px rgba(0,0,0,.12)} input:focus{border-color:#1fe3eb;box-shadow:0 0 0 2px rgba(31,227,235,.12)} .show{position:absolute;right:14px;bottom:19px;font-size:11px;color:#d7e6f1}
.rem{display:flex;align-items:center;gap:9px;font-size:12px;margin:2px 0 28px;color:#e2edf7} .box{width:16px;height:16px;border:1px solid #778b9e;border-radius:2px;background:#5a5c5d} .days{font-size:10px;color:#8fa8bc}
button{width:100%;height:58px;border:0;border-radius:10px;background:linear-gradient(90deg,#20e4dc,#17a8f1);font-size:16px;font-weight:850;cursor:pointer;box-shadow:0 12px 34px rgba(0,178,255,.16)} button span{margin-left:16px;font-size:21px}
.foot{margin-top:36px;padding-top:28px;border-top:1px solid rgba(157,200,226,.28);text-align:center;font-size:11px;color:#bed1e0}
@media(max-width:980px){.wrap{width:min(92vw,760px)}.main{grid-template-columns:1fr;gap:42px;padding:60px 0}.card{justify-self:stretch;width:100%}.page:before{inset:0 -30% 0 25%;opacity:.48}.hero{max-width:none}.access{display:none}}

/* All labels, branding and form fields are real text and controls, never image pixels. */
.brand a{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none}
.field .show{bottom:10px;right:10px;width:auto;height:36px;padding:0 12px;border:0;background:transparent;box-shadow:none;color:#d7e6f1;font-size:12px;font-weight:650}
.rem input[type=checkbox]{width:17px;height:17px;accent-color:#14d8df;margin:0;padding:0;box-shadow:none}
.card input::placeholder{color:#9bb3c9;opacity:1}
.error{padding:11px 13px;border:1px solid #c96074;border-radius:8px;background:#50263d;color:#fff;margin:0 0 17px;font-size:13px}
.card button.primary-button{color:#021c2c}
@media(max-width:650px){.wrap{width:calc(100% - 34px);padding:22px 0}.brand img{width:45px;height:45px}.word{font-size:26px}.main{padding:42px 0 20px;gap:35px}.hero h1{font-size:clamp(48px,11vw,66px);letter-spacing:-2px}.desc{font-size:15px;margin-bottom:24px}.features{gap:12px}.feature{border:0}.card{padding:28px 23px}.card h2{font-size:40px}.sub{margin-bottom:25px}.page:before{opacity:.35}.eyebrow{font-size:10px;letter-spacing:.2em}}

.hero .platform-disclaimer{max-width:510px;margin:0 0 23px;color:#c1e1e8;background:rgba(6,32,53,.78);border:1px solid rgba(37,180,207,.42);padding:11px 13px;border-radius:9px;font-size:12px;line-height:1.55}