:root{
  --bg1:#07111f;
  --bg2:#152847;
  --text:#f5f8ff;
  --muted:#d5def0;
  --gold:#ffd76a;
  --gold2:#ffb31f;
  --line:rgba(255,255,255,.1);
  --shadow:0 28px 90px rgba(0,0,0,.48);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;background:linear-gradient(180deg,var(--bg2),var(--bg1));color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}
body{min-height:100vh}

.oh-signup{
  position:relative;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:28px;overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(105,224,255,.08), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(93,130,255,.12), transparent 26%),
    radial-gradient(circle at 50% 78%, rgba(255,215,106,.08), transparent 30%),
    linear-gradient(180deg,var(--bg2),var(--bg1));
}
.oh-stars,.oh-glow,.oh-vignette{position:absolute;inset:0;pointer-events:none}
.oh-stars{
  opacity:.72;
  background:
    radial-gradient(2px 2px at 14% 22%, rgba(255,255,255,.82), transparent 55%),
    radial-gradient(1px 1px at 29% 12%, rgba(255,255,255,.92), transparent 55%),
    radial-gradient(1.5px 1.5px at 64% 14%, rgba(255,255,255,.74), transparent 55%),
    radial-gradient(1px 1px at 81% 18%, rgba(255,255,255,.86), transparent 55%);
  animation:starsMove 18s linear infinite;
}
.oh-glow{
  background:
    radial-gradient(circle at 50% 18%, rgba(93,130,255,.18), transparent 24%),
    radial-gradient(circle at 50% 60%, rgba(255,215,106,.08), transparent 22%);
  filter:blur(10px);
  animation:skyPulse 8s ease-in-out infinite;
}
.oh-vignette{background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 45%, rgba(0,0,0,.62) 100%)}

.oh-hero-panel,.oh-form-panel{position:relative;z-index:5}
.oh-hero-panel{
  padding:clamp(24px,3vw,42px);border-radius:30px;border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(9,18,36,.84), rgba(7,13,25,.74));box-shadow:var(--shadow);backdrop-filter:blur(10px);
}
.oh-badge{
  display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.22em;
  color:#fff5cd;background:rgba(255,215,106,.10);border:1px solid rgba(255,215,106,.22);margin-bottom:18px;
}
.oh-badge:before{
  content:"";width:9px;height:9px;border-radius:50%;
  background:radial-gradient(circle,#fff 0%,var(--gold) 58%,rgba(255,215,106,.2) 100%);
  box-shadow:0 0 18px rgba(255,215,106,.65);
}
.oh-hero-panel h1{margin:0;line-height:.93;letter-spacing:-.05em;text-transform:uppercase;font-size:clamp(2.8rem,5.6vw,6rem)}
.oh-hero-panel h1 span{display:block}
.oh-hero-panel h1 .gold{
  background:linear-gradient(90deg,#fff 0%,var(--gold) 28%,#ffebb5 62%,#fff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.oh-lead{margin:18px 0 26px;max-width:60ch;color:var(--muted);line-height:1.72;font-size:clamp(1rem,1.35vw,1.12rem)}
.oh-benefits{display:grid;gap:14px}
.oh-benefit{padding:16px 16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.oh-benefit strong{display:block;margin-bottom:6px;color:#ffffff;font-size:1.02rem}
.oh-benefit span{display:block;color:var(--muted);line-height:1.55;font-size:.96rem}

.oh-form-shell{
  padding:22px;border-radius:30px;border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg, rgba(16,29,52,.92), rgba(10,19,35,.86));box-shadow:var(--shadow);backdrop-filter:blur(12px);
}
.oh-form-top{display:flex;justify-content:flex-start;margin-bottom:18px}
.oh-form-pill{
  display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:#fff7d3;background:rgba(93,130,255,.14);border:1px solid rgba(93,130,255,.28);
}
.oh-form-heading h2{margin:0 0 8px 0;font-size:clamp(1.8rem,3vw,2.6rem);color:#ffffff}
.oh-form-heading p{margin:0 0 18px 0;color:var(--muted);line-height:1.6}
.oh-shortcode-wrap{
  padding:20px;border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);color:#ffffff;
}

.oh-shortcode-wrap form,
.oh-shortcode-wrap .rm_form_page,
.oh-shortcode-wrap .rmformui,
.oh-shortcode-wrap .rmagic{background:transparent !important;color:#ffffff !important;box-shadow:none !important}
.oh-shortcode-wrap label,
.oh-shortcode-wrap .rmfield label,
.oh-shortcode-wrap .rmrow .rmfield label,
.oh-shortcode-wrap .rmrow .rminput label{color:#f4f7ff !important;font-weight:700 !important}
.oh-shortcode-wrap input[type="text"],
.oh-shortcode-wrap input[type="email"],
.oh-shortcode-wrap input[type="password"],
.oh-shortcode-wrap input[type="number"],
.oh-shortcode-wrap input[type="url"],
.oh-shortcode-wrap input[type="tel"],
.oh-shortcode-wrap select,
.oh-shortcode-wrap textarea{
  width:100% !important;background:#0f1b31 !important;color:#ffffff !important;border:1px solid rgba(255,255,255,.16) !important;border-radius:14px !important;padding:14px 16px !important;box-shadow:none !important;
}
.oh-shortcode-wrap input::placeholder,.oh-shortcode-wrap textarea::placeholder{color:#c9d3ea !important}
.oh-shortcode-wrap input:focus,.oh-shortcode-wrap select:focus,.oh-shortcode-wrap textarea:focus{outline:none !important;border-color:rgba(105,224,255,.75) !important;box-shadow:0 0 0 3px rgba(105,224,255,.16) !important}
.oh-shortcode-wrap .rmrow{margin-bottom:14px !important}
.oh-shortcode-wrap .rmfield,.oh-shortcode-wrap .rminput{width:100% !important}
.oh-shortcode-wrap input[type="submit"],
.oh-shortcode-wrap button,
.oh-shortcode-wrap .rmnextbutton,
.oh-shortcode-wrap .rmprevbutton{
  background:linear-gradient(135deg,#fff5cb 0%,var(--gold) 42%,#ffb31f 100%) !important;color:#11141b !important;border:none !important;border-radius:999px !important;padding:16px 24px !important;font-weight:900 !important;letter-spacing:.05em !important;text-transform:uppercase !important;box-shadow:0 16px 30px rgba(255,178,34,.25) !important;
}
.oh-shortcode-wrap .rmmessage,.oh-shortcode-wrap .rmnote,.oh-shortcode-wrap .rmerror,.oh-shortcode-wrap .rmprenote{color:#f5f8ff !important}
.oh-shortcode-wrap a{color:#8fe8ff !important}

@keyframes starsMove{0%{transform:translateY(0)}100%{transform:translateY(14px)}}
@keyframes skyPulse{0%,100%{opacity:.68;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}

@media (max-width:1100px){.oh-signup{grid-template-columns:1fr}}
@media (max-width:640px){
  .oh-signup{padding:16px}
  .oh-hero-panel,.oh-form-shell{border-radius:24px}
  .oh-hero-panel h1{font-size:clamp(2.2rem,11vw,3.6rem)}
  .oh-lead{font-size:.98rem}
}