@font-face{font-family:Inter;font-weight:100 900;font-display:swap;src:url(/static/inter-var.woff2) format("woff2")}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;font:15px/1.45 Inter,"Segoe UI",system-ui,sans-serif;color:#1F2937;background:#F4F8FC}
.hero{position:relative;overflow:hidden;color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;
 background:radial-gradient(120% 70% at 85% 105%,rgba(0,194,168,.35),transparent 60%),radial-gradient(90% 60% at 10% 0%,rgba(0,123,255,.35),transparent 60%),linear-gradient(165deg,#0B2D4D 0%,#082440 55%,#061a30 100%)}
.hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-40px;height:180px;background:repeating-radial-gradient(ellipse at 50% 140%,rgba(255,255,255,.06) 0 2px,transparent 2px 22px);pointer-events:none}
.htxt{max-width:460px;margin-top:8vh}.hero h1{font-size:40px;line-height:1.12;margin:0;font-weight:700;letter-spacing:-.01em}
.htxt i{display:block;width:56px;height:3px;background:#00C2A8;margin:26px 0 18px;border-radius:2px}.htxt p{margin:0;color:#c9d9ea;font-size:16px}
.tags{list-style:none;margin:0;padding:0;align-self:flex-end;text-align:left;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#dbe7f3;position:relative;z-index:1}
.tags li{padding:3px 0}.tags li:first-child:before{content:"";display:block;width:28px;height:2px;background:#00C2A8;margin-bottom:10px}
.panel{display:grid;place-items:center;padding:24px}
.card{width:100%;max-width:400px;background:#fff;border-radius:18px;padding:36px 32px;box-shadow:0 24px 60px rgba(11,45,77,.14);border:1px solid #E3ECF5}
.brand{display:flex;gap:14px;align-items:center;margin-bottom:28px}.brand b{display:block;font-size:26px;font-weight:700;color:#0B2D4D;letter-spacing:-.01em;line-height:1.1}
.brand em{font-style:normal;background:linear-gradient(90deg,#007BFF,#0062d6);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand span{display:block;font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:#4B6584;margin-top:4px}
h2{font-size:17px;margin:0 0 18px;color:#0B2D4D;font-weight:600}
label{display:block;font-size:13px;color:#4B5B70;margin-bottom:14px;font-weight:600}
input{display:block;width:100%;margin-top:6px;padding:11px 13px;border:1px solid #CBD8E6;border-radius:10px;font:inherit;font-weight:400;background:#F8FBFE}
input:focus{outline:3px solid rgba(0,123,255,.22);border-color:#007BFF;background:#fff}
button{width:100%;padding:12px;border:0;border-radius:10px;background:linear-gradient(90deg,#0B2D4D,#0d3a63);color:#fff;font:inherit;font-weight:600;cursor:pointer;margin-top:4px}
button:hover{background:linear-gradient(90deg,#0d3a63,#007BFF)}
.err{color:#E5484D;font-size:13px;min-height:18px;margin:0 0 8px}.foot{color:#7C8DA3;font-size:12px;margin:22px 0 0;text-align:center}
@media (max-width:860px){body{grid-template-columns:1fr}.hero{display:none}.panel{min-height:100vh;background:linear-gradient(165deg,#0B2D4D,#061a30)}}