:root{
  --bg-dark:#0d2a4a;
  --glass: rgba(255,255,255,.08);
  --glass-border: rgba(255,255,255,.18);
  --txt:#eef3f7;
  --muted:#b9c6d3;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font:16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;color:var(--txt)}
a{color:inherit;text-decoration:none}
.no-scroll{overflow:hidden}
.split{display:grid;grid-template-columns:1fr 1fr;height:100vh}
.panel{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .18s ease}
.panel-left{background:url("assets/home-left.png") center/cover no-repeat}
.panel-right{background:url("assets/home-right.png") center/cover no-repeat}
.panel-logo{width:min(40vmin,260px);z-index:2;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}
.panel-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.35));transition:opacity .25s}
.panel:hover .panel-overlay{opacity:.1}
.bg{min-height:100vh;background-color:var(--bg-dark);background-attachment:fixed;background-size:cover;background-position:center}
.bg-left{background-image:url("assets/form-left.png")}
.bg-right{background-image:url("assets/form-right.png")}
.form-wrap{min-height:100vh;display:grid;place-items:center;padding:4vmin}
.card{
  width:min(720px, 92vw);
  backdrop-filter: blur(14px);
  background: var(--glass);
  border:1px solid var(--glass-border);
  border-radius:22px;
  padding:28px;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}
h1{margin:0 0 14px;font-weight:700;letter-spacing:.2px}
label{display:block;margin:12px 0;color:var(--muted);font-size:14px}
input, select{
  width:100%;margin-top:6px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.15);
  background:rgba(14,25,38,.55);color:var(--txt);outline:none
}
input:focus,select:focus{border-color:#7fb6ff;box-shadow:0 0 0 3px rgba(127,182,255,.25)}
.checkbox{display:flex;align-items:center;gap:10px}
.checkbox input{width:auto}
button{
  margin-top:16px; width:100%; padding:14px 18px; border:0; border-radius:14px; color:#0a1a2a; 
  background:#bfe0ff; font-weight:700; cursor:pointer
}
button:hover{filter:brightness(1.02)}
.fineprint{margin:8px 0 0; font-size:13px; color:var(--muted); text-align:center}
.success{display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 40%, #173a63 0%, #0d253f 46%, #081a2c 100%)}
.thanks{text-align:center}
.btn{display:inline-block;margin-top:16px;padding:12px 16px;border-radius:12px;background:#cce6ff;color:#0a1a2a}
