*{box-sizing:border-box}
.galaxy-auth-body{
  margin:0;min-height:100vh;color:#eef5ff;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 22% 42%,rgba(26,111,235,.20),transparent 27rem),
    radial-gradient(circle at 62% 20%,rgba(63,40,181,.12),transparent 25rem),
    linear-gradient(135deg,#020712,#071426 52%,#02060d);
}
.galaxy-auth-body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.52;
  background:
    radial-gradient(circle at 15% 20%,rgba(71,178,255,.9) 0 1px,transparent 1.8px),
    radial-gradient(circle at 60% 17%,rgba(98,131,255,.65) 0 1px,transparent 1.7px),
    radial-gradient(circle at 88% 72%,rgba(65,133,255,.55) 0 1px,transparent 1.7px);
  background-size:260px 260px,370px 370px,480px 480px;
}
.galaxy-auth-stage{
  width:min(1280px,calc(100% - 36px));
  min-height:calc(100vh - 77px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(420px,1.2fr) minmax(390px,.8fr);
  gap:55px;
  align-items:center;
  padding:45px 0 60px;
}
.auth-cosmos{
  position:relative;min-height:580px;
  display:flex;align-items:center;justify-content:center;
}
.auth-cosmos:before{
  content:"";position:absolute;inset:6% 3%;
  background:
    radial-gradient(ellipse at center,rgba(26,123,255,.26),transparent 43%),
    conic-gradient(from 180deg,transparent,rgba(36,112,255,.11),transparent,rgba(79,50,181,.09),transparent);
  filter:blur(4px);
  border-radius:50%;
}
.auth-cosmos img{
  position:relative;z-index:3;width:min(540px,88%);
  filter:
    drop-shadow(0 0 12px rgba(62,171,255,.70))
    drop-shadow(0 0 38px rgba(32,92,233,.35))
    drop-shadow(0 18px 30px rgba(0,0,0,.65));
}
.auth-orbit{
  position:absolute;border-radius:50%;
  border:1px solid rgba(71,157,255,.20);
  box-shadow:0 0 40px rgba(33,115,255,.09),inset 0 0 40px rgba(33,115,255,.06);
}
.orbit-one{width:480px;height:480px}
.orbit-two{width:360px;height:360px;border-color:rgba(91,96,255,.14)}

.galaxy-login-card{
  padding:34px;
  border:1px solid rgba(210,158,59,.52);
  border-radius:16px;
  background:
    radial-gradient(circle at 100% 0,rgba(33,105,205,.10),transparent 18rem),
    linear-gradient(150deg,rgba(7,18,33,.97),rgba(3,9,18,.98));
  box-shadow:0 32px 90px rgba(0,0,0,.42),0 0 34px rgba(26,112,229,.08);
}
.auth-kicker{
  color:#f1bd4d;font-size:11px;font-weight:900;letter-spacing:.17em;
}
.galaxy-login-card h1{
  margin:7px 0 6px;font-family:Georgia,serif;font-size:39px;color:#fff;
}
.auth-subtitle{margin:0 0 25px;color:#929fb1;font-size:14px}
.galaxy-login-card label{
  display:block;margin:15px 0 7px;color:#d5deea;font-size:13px;font-weight:800;
}
.auth-input{
  height:52px;display:flex;align-items:center;
  border:1px solid #314763;border-radius:8px;
  background:#07111f;overflow:hidden;
  transition:.18s ease;
}
.auth-input:focus-within{
  border-color:#42afff;
  box-shadow:0 0 0 3px rgba(46,153,255,.08),0 0 18px rgba(30,128,255,.11);
}
.auth-input span{width:49px;text-align:center;color:#50bcff;font-size:17px}
.auth-input input{
  flex:1;height:100%;border:0;outline:0;padding:0 14px 0 0;
  background:transparent;color:#f3f7fd;font-size:15px;
}
.auth-input input::placeholder{color:#596a7f}
.auth-submit{
  width:100%;height:52px;margin-top:22px;
  border:1px solid #ffda6d;border-radius:8px;
  color:#151005;font-size:15px;font-weight:950;letter-spacing:.07em;
  cursor:pointer;
  background:linear-gradient(180deg,#ffe17a,#eab63d 56%,#c78614);
  box-shadow:0 0 10px rgba(255,195,53,.44),0 0 24px rgba(234,157,23,.18),inset 0 1px rgba(255,255,255,.55);
}
.auth-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
.auth-links{
  display:flex;justify-content:center;gap:10px;margin-top:20px;
  color:#52647b;font-size:13px;
}
.auth-links a{color:#65bfff}
.auth-links a:hover{color:#fff}
.auth-home{
  display:block;text-align:center;margin-top:18px;
  color:#8391a5;font-size:12px;
}
.auth-message{padding:12px 14px;margin-bottom:15px;border-radius:8px;font-size:13px}
.auth-error{border:1px solid rgba(246,74,68,.42);background:rgba(105,22,25,.35);color:#ffaaa6}

@media(max-width:900px){
  .galaxy-auth-stage{grid-template-columns:1fr;gap:20px}
  .auth-cosmos{min-height:300px}
  .auth-cosmos img{width:min(430px,78%)}
  .orbit-one{width:310px;height:310px}.orbit-two{width:230px;height:230px}
}
@media(max-width:560px){
  .galaxy-auth-stage{width:calc(100% - 20px);padding-top:25px}
  .auth-cosmos{min-height:220px}
  .galaxy-login-card{padding:24px 20px}
  .galaxy-login-card h1{font-size:32px}
  .auth-links{flex-direction:column;align-items:center;gap:6px}
  .auth-links span{display:none}
}