:root{
  --bg:#02060b;
  --panel:#07111b;
  --panel2:#0a1724;
  --text:#f7f8fa;
  --muted:#aab4c0;
  --gold:#ffbf00;
  --gold2:#ffd84a;
  --blue:#00b8ff;
  --line:rgba(255,191,0,.30);
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{
  background:
    radial-gradient(circle at 18% 20%,rgba(0,132,255,.16),transparent 30%),
    radial-gradient(circle at 85% 75%,rgba(255,191,0,.09),transparent 25%),
    var(--bg);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
}
.register-page{min-height:100vh;padding:28px}
.back-link{
  display:inline-block;
  margin:0 0 20px;
  color:#c9d1da;
  text-decoration:none;
  font-size:14px;
}
.back-link:hover{color:var(--gold)}
.register-shell{
  width:min(1180px,100%);
  margin:auto;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(4,13,22,.94);
  box-shadow:0 38px 120px rgba(0,0,0,.55);
}
.visual-panel{
  position:relative;
  min-height:760px;
  padding:42px;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(8,25,43,.98),rgba(2,8,14,.98));
}
.brand{display:flex;align-items:center;gap:14px;position:relative;z-index:2}
.brand-mark{
  color:var(--gold);
  font-size:35px;
  font-weight:900;
  font-style:italic;
}
.brand strong{display:block}
.brand small{display:block;margin-top:4px;color:#7e8b99;font-size:9px;letter-spacing:2px}
.visual-copy{
  position:relative;
  z-index:2;
  max-width:590px;
  margin-top:130px;
}
.kicker,.form-kicker{
  color:var(--blue);
  font-size:12px;
  font-weight:900;
  letter-spacing:2.5px;
}
.visual-copy h1{
  margin:14px 0 18px;
  font-size:clamp(45px,5vw,72px);
  line-height:.98;
}
.visual-copy p{
  max-width:560px;
  color:var(--muted);
  font-size:18px;
  line-height:1.6;
}
.benefits{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:30px;
  color:#d8e0e8;
  font-size:14px;
}
.ace-orbit{
  position:absolute;
  right:-130px;
  bottom:-130px;
  width:520px;
  height:520px;
}
.orbit{
  position:absolute;
  inset:0;
  border:1px solid rgba(0,184,255,.28);
  border-radius:50%;
  animation:spin 18s linear infinite;
}
.orbit::before,.orbit::after{
  content:"";
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 18px var(--gold);
}
.orbit::before{top:18%;left:4%}
.orbit::after{right:8%;bottom:14%}
.orbit-two{inset:65px;animation-direction:reverse;animation-duration:12s}
.ace-core{
  position:absolute;
  inset:125px;
  display:grid;
  place-items:center;
  border:4px solid var(--gold);
  border-radius:50%;
  background:radial-gradient(circle at 50% 35%,#1a2b3d,#03070b 70%);
  color:var(--gold2);
  font-size:52px;
  font-weight:900;
  box-shadow:0 0 45px rgba(255,191,0,.18);
}
@keyframes spin{to{transform:rotate(360deg)}}

.form-panel{
  padding:46px;
  background:linear-gradient(180deg,rgba(7,17,27,.98),rgba(3,9,15,.98));
}
.language-row{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  margin-bottom:65px;
}
.language-row button{
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:6px;
  background:#0a1622;
  color:#dbe3eb;
  cursor:pointer;
}
.language-row button.active{
  border-color:var(--gold);
  color:var(--gold);
}
.form-panel h2{
  margin:9px 0 10px;
  font-size:clamp(38px,4vw,58px);
}
.form-panel>p{
  color:var(--muted);
  line-height:1.55;
}
form{display:grid;gap:17px;margin-top:30px}
label>span{display:block;margin:0 0 7px;color:#dbe3eb;font-size:13px;font-weight:700}
input,select{
  width:100%;
  min-height:52px;
  padding:0 15px;
  border:1px solid rgba(0,184,255,.28);
  border-radius:9px;
  background:#07131f;
  color:white;
  outline:none;
}
input:focus,select:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(255,191,0,.08);
}
.consent{
  display:grid;
  grid-template-columns:20px 1fr;
  gap:10px;
  align-items:start;
}
.consent input{width:18px;min-height:18px;margin-top:2px}
.consent span{margin:0;color:#aeb8c3;font-weight:400;line-height:1.45}
form button{
  min-height:56px;
  border:1px solid var(--gold2);
  border-radius:9px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#070707;
  font-weight:900;
  cursor:pointer;
}
form button:disabled{opacity:.55;cursor:wait}
#formMessage{min-height:21px;margin:0;color:var(--gold2);font-size:13px}
.privacy{margin:20px 0 0!important;color:#748290!important;font-size:11px!important}
@media(max-width:900px){
  .register-page{padding:16px}
  .register-shell{grid-template-columns:1fr}
  .visual-panel{min-height:500px;padding:30px}
  .visual-copy{margin-top:80px}
  .form-panel{padding:30px}
  .language-row{margin-bottom:35px}
}
@media(max-width:560px){
  .visual-panel{min-height:470px}
  .visual-copy h1{font-size:42px}
  .benefits{grid-template-columns:1fr}
  .ace-orbit{opacity:.55}
  .form-panel{padding:25px 20px}
}