html{font-size:16px}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color:#0c1020;
  background:
    radial-gradient(900px 520px at 14% 12%, rgba(168,85,247,.18), transparent 60%),
    radial-gradient(980px 560px at 88% 18%, rgba(236,72,153,.16), transparent 62%),
    radial-gradient(980px 560px at 56% 108%, rgba(34,211,238,.14), transparent 62%),
    linear-gradient(180deg, #fbfbff 0%, #f7f3ff 45%, #fff7fb 100%);
}
a{color:inherit}
a:hover{opacity:.92}
img{border-radius: 1.35rem}

.panel{
  background: rgba(255,255,255,.66);
  border: 1px solid rgba(26,16,43,.12);
  box-shadow: 0 20px 54px rgba(26,16,43,.10);
  backdrop-filter: blur(12px);
}
.ring-soft{ box-shadow: 0 0 0 .25rem rgba(168,85,247,.10) }
.kicker{
  display:inline-flex; gap:.55rem; align-items:center;
  padding:.48rem .8rem;
  border-radius: 999px;
  background: rgba(168,85,247,.10);
  border: 1px solid rgba(168,85,247,.22);
  color:#1a102b;
  font-weight:900;
}
.pill{
  display:inline-flex; gap:.45rem; align-items:center;
  padding:.36rem .65rem;
  border-radius: 999px;
  border:1px solid rgba(26,16,43,.14);
  background: rgba(255,255,255,.55);
  font-weight:900;
  color:#1a102b;
}
.btn-main{
  border-radius: 999px;
  padding:.9rem 1.1rem;
  font-weight:950;
  color:#0b0820;
  background: linear-gradient(135deg, rgba(168,85,247,.92), rgba(236,72,153,.92));
  box-shadow: 0 22px 50px rgba(236,72,153,.16);
}
.btn-main:hover{filter:brightness(.98)}
.btn-ghost{
  border-radius: 999px;
  padding:.9rem 1.1rem;
  font-weight:950;
  border:1px solid rgba(26,16,43,.18);
  background: rgba(255,255,255,.55);
}
.btn-ghost:hover{background: rgba(255,255,255,.75)}
.navbar{
  background: rgba(255,255,255,.72);
  border-bottom: 1px solid rgba(26,16,43,.12);
  backdrop-filter: blur(14px);
}
.navlink{font-weight:950;color: rgba(12,16,32,.74)}
.navlink:hover{color:#0c1020}
.navlink.active{color:#a855f7}
.mobile-panel{display:none}
.mobile-panel.open{display:block}
.footer-dark{
  background: linear-gradient(180deg, #140a25 0%, #0f071c 60%, #0b0514 100%);
  color: rgba(255,255,255,.88);
  border-top: 1px solid rgba(255,255,255,.12);
}
.footer-dark a{color: rgba(255,255,255,.92)}
.footer-dark a:hover{text-decoration:underline}

.cookiebar{position:fixed;left:14px;right:14px;bottom:14px;z-index:1000}
.cookiebox{
  max-width: 1180px;margin:0 auto;border-radius: 1.35rem;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(26,16,43,.12);
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 54px rgba(26,16,43,.12);
}

.modalback{
  position:fixed; inset:0;
  display:none; align-items:center; justify-content:center;
  padding:18px;
  background: rgba(2,6,23,.58);
  z-index:1200;
}
.modalback.open{display:flex}
.modalpanel{
  width:min(680px, 100%);
  border-radius: 1.35rem;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(26,16,43,.12);
  box-shadow: 0 26px 70px rgba(2,6,23,.30);
  padding: 18px;
}
.input{
  width:100%;
  border-radius: 1rem;
  border:1px solid rgba(26,16,43,.16);
  background: rgba(255,255,255,.88);
  padding: .85rem .95rem;
  outline:none;
}
.input:focus{box-shadow: 0 0 0 .25rem rgba(168,85,247,.18);border-color: rgba(168,85,247,.55)}
.label{font-weight:950;color:#1a102b}
.muted{color: rgba(12,16,32,.70)}