:root{
  --bg:#031014;
  --bg2:#07191f;
  --card:rgba(7,22,26,.76);
  --line:rgba(99,255,236,.14);
  --text:#e8fffb;
  --muted:#8eb8b0;
  --teal:#13d8c4;
  --teal2:#67fff0;
  --gold:#ffb173;
  --shadow:0 24px 60px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:
  radial-gradient(1000px 620px at 50% -10%, rgba(19,216,196,.13), transparent 56%),
  radial-gradient(760px 460px at 100% 0%, rgba(116,207,255,.10), transparent 58%),
  radial-gradient(760px 520px at 0% 100%, rgba(255,177,115,.08), transparent 60%),
  linear-gradient(180deg, #02080b 0%, #041217 28%, #081c22 64%, #051117 100%);
}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;z-index:3}
.auth-card{
  width:min(440px,100%);
  padding:28px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)), rgba(6,19,24,.80);
  border:1px solid var(--line);
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(16px);
}
.auth-card h1{margin:0 0 10px;font-size:32px}
.auth-card p{color:var(--muted)}
.auth-card input{
  width:100%;
  margin-top:12px;
  border-radius:14px;
  border:1px solid var(--line);
  padding:14px 16px;
  background:rgba(255,255,255,.04);
  color:var(--text);
  outline:none;
}
.auth-card input:focus{border-color:rgba(103,255,240,.28);box-shadow:0 0 0 3px rgba(19,216,196,.08)}
.auth-card button{
  width:100%;
  margin-top:14px;
  border:0;
  border-radius:14px;
  padding:14px 16px;
  cursor:pointer;
  font-weight:800;
  color:#052025;
  background:linear-gradient(135deg,#e2fffb 0%,#13d8c4 56%,#ffb173 100%);
}
.auth-card .auth-link{
  display:inline-block;
  margin-top:16px;
  color:var(--teal2);
  text-decoration:none;
}
.alert-box,.success-box{
  margin:14px 0 4px;
  padding:12px 14px;
  border-radius:14px;
}
.alert-box{background:rgba(255,110,110,.12);border:1px solid rgba(255,110,110,.26)}
.success-box{background:rgba(19,216,196,.10);border:1px solid rgba(19,216,196,.24)}
.bg-space{position:fixed;inset:0;z-index:0;overflow:hidden}
.bg-space::before{
  content:"";
  position:absolute;inset:0;
  background:url('https://images.unsplash.com/photo-1462331940025-496dfbfc7564?auto=format&fit=crop&w=2400&q=80') center/cover no-repeat;
  opacity:.24;filter:brightness(.9) saturate(1.2);
}
.bg-space::after{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at center, transparent 40%, rgba(0,0,0,.35) 100%);
}