:root{
  --bg1:#6d28d9;
  --bg2:#22d3ee;
  --bg3:#a78bfa;
  --card: rgba(255,255,255,.10);
  --stroke: rgba(255,255,255,.14);
  --txt: #ffffff;
  --muted: rgba(255,255,255,.72);
  --shadow: 0 18px 60px rgba(0,0,0,.35);
}

html,body{height:100%}
body{
  margin:0;
  color:var(--txt);
  background:
    radial-gradient(900px 650px at 15% 10%, rgba(255,255,255,.16), transparent 55%),
    radial-gradient(900px 650px at 90% 20%, rgba(255,255,255,.14), transparent 55%),
    linear-gradient(135deg, var(--bg1), var(--bg2));
  background-attachment: fixed;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial;
}

.ldd-bg{min-height:100vh;display:flex;align-items:center;padding:18px 0}
.ldd-card{
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
  border: 1px solid var(--stroke);
  border-radius: 22px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
}
.ldd-badge{
  display:inline-flex;gap:8px;align-items:center;
  padding: 8px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.10);
  font-weight: 800;font-size: 12px;
}
.ldd-title{font-weight: 900;margin:0}
.ldd-sub{color:var(--muted);margin:6px 0 0}
.ldd-label{color:rgba(255,255,255,.70);font-size:12px;margin-bottom:6px}
.ldd-input{
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: var(--txt) !important;
  border-radius: 16px !important;
}
.ldd-input::placeholder{color:rgba(255,255,255,.55)}
.ldd-btn-primary{
  border:0 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #a78bfa, #22d3ee) !important;
  color:#081020 !important;
  font-weight: 900 !important;
}
.small-muted{color:rgba(255,255,255,.60)}