:root{
  --pink:#ff4da6;
  --pinkDark:#b51c5e;
  --gold:#d8b15a;
  --glass: rgba(255,255,255,.14);
  --border: rgba(255,255,255,.25);
}
*{font-family:"Varela Round", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;}
.bg-soft{
  min-height:100vh;
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(255,77,166,.20), transparent 55%),
    radial-gradient(900px 500px at 80% 30%, rgba(216,177,90,.20), transparent 60%),
    linear-gradient(180deg, #0e0a12, #160d1f 55%, #0e0a12);
  color:#fff;
}
.nav-glass{
  background: linear-gradient(90deg, rgba(255,77,166,.25), rgba(216,177,90,.18));
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(10px);
}
.card-glass{
  background: var(--glass);
  border: 1px solid var(--border);
  backdrop-filter: blur(14px);
  border-radius: 18px;
}
.btn-pink{
  background: linear-gradient(90deg, var(--pink), var(--gold));
  border:0;
  color:#1b1023;
  font-weight:700;
}
.btn-pink:hover{filter:brightness(1.05);}
.badge-gold{background: rgba(216,177,90,.22); border: 1px solid rgba(216,177,90,.45); color:#fff;}
a{color:#fff;}
a:hover{color:#ffd7ef;}
.form-control, .form-select{
  background: rgba(255,255,255,.08);
  color:#fff;
  border: 1px solid rgba(255,255,255,.18);
}
.form-control:focus, .form-select:focus{
  border-color: rgba(255,77,166,.6);
  box-shadow: 0 0 0 .2rem rgba(255,77,166,.15);
  background: rgba(255,255,255,.10);
  color:#fff;
}
.table{color:#fff;}
.table thead th{border-color: rgba(255,255,255,.18);}
.table tbody td{border-color: rgba(255,255,255,.12);}
.small-muted{opacity:.78;}
.skip-link{
  position:absolute;
  top:-40px;
  right:12px;
  background:#fff;
  color:#000;
  padding:8px 12px;
  border-radius:10px;
  z-index:9999;
}
.skip-link:focus{top:12px;}
.terms-footer {
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #888;
  z-index: 500;
  text-align: center;
}
.terms-footer a {
  color: var(--pinkDark);
  text-decoration: none;
  background: rgba(255,255,255,.08);
  padding: 6px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
}
.terms-footer a:hover { text-decoration: underline; }