/* RESET & BASE */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  background: #05060a;
  color: #f3f6ff;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial;
  overflow: hidden;
}

/* FUNDAL + CANVAS */
.bg-image { position: fixed; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; filter: saturate(1.05) contrast(1.05) brightness(.95); z-index: 0; }
#stars    { position: fixed; inset: 0; z-index: 1; }

/* BRAND + LAYOUT */
.brand { position: fixed; top: 18px; left: 18px; z-index: 10; font-weight: 600; opacity: .9; }
.wrap  { position: relative; z-index: 2; height: 100%; width: 100%; display: grid; place-items: center; padding: 24px; }

/* TEXT CENTRAL – sub planete */
.center-copy {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  text-align: center; max-width: min(920px, 90vw); line-height: 1.25;
  padding: 1.25rem 1.5rem; color: #fff; z-index: 3;
  background: rgba(10,14,28,0.35);
  border: 1px solid rgba(160,190,255,0.12);
  border-radius: 18px; box-shadow: 0 10px 40px rgba(0,0,0,0.35);
  pointer-events: none;
}
.center-copy h1 { font-size: clamp(26px, 4.5vw, 46px); font-weight: 800; margin: 0 0 .5rem; letter-spacing: .3px; text-shadow: 0 2px 10px rgba(0,0,0,.55); }
.center-copy p  { font-size: clamp(14px, 1.6vw, 18px); opacity: .92; text-shadow: 0 1px 6px rgba(0,0,0,.55); }

/* ORBITĂ + PLANETE */
.orbit {
  position: relative; width: clamp(320px, 80vw, 900px); height: clamp(220px, 52vw, 560px);
  margin: 0 auto; border-radius: 50% / 43%; pointer-events: none;
  animation: orbit-tilt 18s ease-in-out infinite alternate; transform: rotate(-8deg); z-index: 6;
}
.orbit::after { content: ""; }
@keyframes orbit-tilt { from { transform: rotate(-10deg); } to { transform: rotate(6deg); } }

/* Ancoră/buton planetă */
.planet {
  position: absolute; width: clamp(56px, 8.2vw, 100px); height: clamp(56px, 8.2vw, 100px);
  border-radius: 50%; display: grid; place-items: center; text-align: center;
  background: radial-gradient(circle at 30% 30%, rgba(100,150,255,.9), rgba(40,70,160,.85) 45%, rgba(10,20,40,.95) 70%);
  box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset, 0 8px 40px rgba(70,120,255,.25), 0 0 20px rgba(120,200,255,.15);
  transform: translate(-50%, -50%); transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
  pointer-events: auto; text-decoration: none; color: #eef; z-index: 7;
  font-family: inherit;
}
.planet:link, .planet:visited, .planet:hover, .planet:active { color: #eef !important; text-decoration: none !important; }

/* Eticheta din interior (TEXTUL FRUMOS, NU ALBASTRU SUBLINIAT) */
.planet .label {
  display: block;
  max-width: 86%;
  margin: 0 auto;
  font-weight: 650;
  font-size: clamp(11px, 1.15vw, 14px);
  line-height: 1.1;
  padding: 0 .4rem;
  text-shadow: 0 2px 6px rgba(0,0,0,.65);
  letter-spacing: .15px;
  color: #f4f7ff;
  pointer-events: none; /* ca să nu se selecteze textul la click */
}

/* Hover */
.planet:hover { transform: translate(-50%, -50%) scale(1.07); box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset, 0 12px 60px rgba(110,170,255,.35), 0 0 30px rgba(130,210,255,.18); filter: saturate(1.2); }

/* BREAKPOINTS */
@media (max-width: 768px) {
  .orbit { width: clamp(300px, 86vw, 760px); height: clamp(220px, 58vw, 520px); }
}
@media (max-width: 480px) {
  .orbit { width: 90vw; height: 56vh; }
  .center-copy { padding: .9rem 1rem; border-radius: 14px; }
  .center-copy h1 { font-size: clamp(22px, 5.2vw, 30px); }
}