:root{--navy:#061826;--blue:#0b9ec7;--cyan:#69d8ee;--ink:#eaf7fb;--muted:#8fa9b6;--line:rgba(130,205,225,.18);--panel:rgba(8,31,45,.86)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 18% 18%,#0b5265 0,#082d3c 24%,#061826 58%,#041019 100%);color:var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}.shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;position:relative}.intro{padding:58px 7vw;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;width:max-content}.brand .mark{width:52px;height:52px;border:1px solid rgba(105,216,238,.55);display:grid;place-items:center;font-weight:800;color:var(--cyan);letter-spacing:-1px}.brand b{display:block;font-size:18px;letter-spacing:1.5px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;margin-top:3px}.intro-copy{max-width:690px;margin:60px 0}.eyebrow,.kicker{font-size:11px;letter-spacing:3px;color:var(--cyan);font-weight:700}.intro h1{font-size:clamp(62px,8vw,118px);line-height:.85;margin:18px 0 28px;letter-spacing:-5px}.intro h2{font-size:clamp(24px,3vw,42px);font-weight:400;margin:0 0 18px}.intro-copy>p:last-child{max-width:600px;color:#abc1cb;font-size:17px;line-height:1.7}.flow{display:flex;align-items:center;gap:16px;color:#9cb7c2;font-size:12px;letter-spacing:1px}.flow span{border:1px solid var(--line);padding:10px 14px}.flow i{color:var(--cyan);font-style:normal}.access{padding:58px 7vw;display:flex;flex-direction:column;justify-content:center}.status{position:absolute;top:34px;right:4vw;display:flex;align-items:center;gap:8px;font-size:11px;color:#a7bdc6}.dot{width:8px;height:8px;border-radius:50%;background:#42d69a;box-shadow:0 0 12px #42d69a}.api-state{margin-left:10px;color:#7f99a5}.api-state.online{color:#65dba7}.api-state.offline{color:#f1b66f}.card{max-width:460px;width:100%;margin:auto;padding:42px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(8,38,53,.93),rgba(5,23,34,.88));backdrop-filter:blur(12px)}.card h2{font-size:34px;margin:10px 0 8px}.muted{color:var(--muted);font-size:14px;margin-bottom:30px}label{display:block;font-size:12px;color:#a9bec8;margin:18px 0 8px}input{width:100%;margin-top:8px;padding:15px 14px;border:1px solid #244c5c;background:#061c28;color:#fff;outline:none;font-size:16px}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(105,216,238,.08)}button{width:100%;margin-top:24px;padding:16px;border:0;background:linear-gradient(90deg,#0b91b6,#14b4d6);color:#fff;font-weight:800;letter-spacing:1px;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.55;cursor:not-allowed}.message{min-height:20px;color:#f0b36d;font-size:12px;margin:12px 0 0}.features{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;display:flex;gap:14px;flex-wrap:wrap;color:#7ea5b4;font-size:10px;letter-spacing:1px}.features span:before{color:var(--cyan)}.foot{text-align:center;color:#597885;font-size:10px;letter-spacing:1px}@media(max-width:820px){.shell{grid-template-columns:1fr}.intro{min-height:auto;padding:32px 7vw;border-right:0;border-bottom:1px solid var(--line)}.intro-copy{margin:45px 0 20px}.intro h1{font-size:68px}.flow{display:none}.access{padding:72px 7vw 34px}.status{position:absolute;top:auto;right:auto;left:7vw;transform:translateY(-46px)}.api-state{display:none}.card{padding:30px 24px}}