:root{--ink:#edf8f7;--dim:#91aeb2;--line:#294952;--bg:#060b0f;--panel:#122129;--blue:#37b9f4;--cyan:#5edfd1;--lime:#d8f548;font-family:'Space Grotesk','Segoe UI',sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-width:320px;background:radial-gradient(circle at 76% 2%,rgba(39,130,190,.25),transparent 28%),radial-gradient(circle at 14% 56%,rgba(11,156,144,.12),transparent 32%),var(--bg)}
button,input{font:inherit}

.login-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:40px;width:min(1200px,100%);margin:auto;padding:44px;min-height:100vh;align-items:center}

.login-visual{position:relative;display:flex;flex-direction:column;justify-content:center;gap:38px;min-height:520px}
.login-brand{display:block;width:190px}
.login-brand img{display:block;width:100%;height:auto}
.eyebrow{font:700 10px 'Rajdhani',sans-serif;text-transform:uppercase;letter-spacing:1.7px;color:#7ba3ab;margin:0 0 14px}
.visual-copy h1{font:600 clamp(40px,5vw,64px) 'Rajdhani',sans-serif;line-height:.92;letter-spacing:.03em;margin:0}
.visual-copy h1 em{font-style:normal;color:var(--blue)}
.visual-text{max-width:420px;color:var(--dim);font-size:15px;line-height:1.65;margin:23px 0 0}

.visual-orbit{width:240px;height:240px;position:absolute;right:40px;bottom:20px;opacity:.9}
.orbit{position:absolute;border:1px solid rgba(55,185,244,.42);border-radius:50%;inset:12px}
.orbit-one{transform:rotate(34deg) scaleY(.48);box-shadow:0 0 28px rgba(55,185,244,.18)}
.orbit-two{inset:0;transform:rotate(-34deg) scaleY(.48);border-color:rgba(94,223,209,.32)}
.bolt{position:absolute;inset:0;display:grid;place-items:center;color:var(--blue);font:110px Arial;text-shadow:0 0 22px rgba(55,185,244,.7)}
.orbit-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px rgba(216,245,72,.7)}
.dot-one{top:30px;right:28px}
.dot-two{bottom:38px;left:22px;background:var(--cyan)}

.login-panel{display:grid;gap:14px}
.login-card{background:linear-gradient(145deg,rgba(22,42,50,.98),rgba(12,25,32,.98));border:1px solid var(--line);box-shadow:0 20px 55px rgba(0,0,0,.28);padding:34px}
.login-card h2{font:600 34px 'Rajdhani',sans-serif;letter-spacing:.02em;margin:0}
.card-intro{font-size:13px;color:var(--dim);line-height:1.5;margin:12px 0 26px}

form{display:grid;gap:16px}
label{display:grid;gap:7px;font:700 10px 'Rajdhani',sans-serif;letter-spacing:1px;text-transform:uppercase;color:#82a0a5}
input{width:100%;border:1px solid #2c4b54;background:#0a171d;color:var(--ink);padding:13px;outline-color:var(--blue);font:13px 'Space Grotesk',sans-serif;text-transform:none;letter-spacing:0}
input:focus{border-color:var(--blue)}

.electric-button{display:flex;justify-content:space-between;align-items:center;border:0;background:var(--blue);color:#061018;padding:14px 16px;font:700 12px 'Rajdhani',sans-serif;letter-spacing:1px;text-transform:uppercase;margin-top:4px;cursor:pointer}
.electric-button:hover:not(:disabled){background:var(--lime)}
.electric-button:disabled{opacity:.55;cursor:progress}
.electric-button span{font-size:18px}

.form-feedback{min-height:16px;color:var(--lime);font-size:11px;margin:0;line-height:1.5}
.form-feedback.is-error{color:#ff9a8b}

.login-foot{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.login-foot a{color:var(--cyan);font:600 11px 'Rajdhani',sans-serif;letter-spacing:.6px;text-decoration:none;text-transform:uppercase}
.login-foot a:hover{color:var(--lime)}

.login-note{color:#6f8d93;font:10px 'Rajdhani',sans-serif;letter-spacing:1px;text-transform:uppercase;margin:0;text-align:center;line-height:1.7}

@media(max-width:900px){
  .login-shell{grid-template-columns:1fr;padding:28px 20px;gap:24px}
  .login-visual{min-height:auto;gap:24px}
  .visual-orbit{position:relative;right:auto;bottom:auto;width:160px;height:160px;margin:0 auto;opacity:.6}
  .bolt{font-size:76px}
  .visual-copy h1{font-size:42px}
}
@media(max-width:540px){
  .login-brand{width:150px}
  .login-card{padding:24px}
  .login-card h2{font-size:28px}
  .visual-orbit{display:none}
}