:root{
  --bg: #0f0f1a;
  --text: #f5f5f7;
  --muted: #a3a3c2;
  --card: #151526;
  --border: #2a2a3f;
  --accent1: #8b5cf6;
  --accent2: #ec4899;
  --accent3: #06b6d4;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;overflow:auto;background:var(--bg);font-family:'Sora',sans-serif;color:var(--text)}
body{
  background: radial-gradient(600px 400px at 80% -10%, #8b5cf620, transparent),
              radial-gradient(500px 300px at 0% 100%, #ec489920, transparent),
              var(--bg);
}

/* Topbar */
.topbar{
  display:flex;justify-content:space-between;align-items:center;
  padding:16px 20px;border-bottom:1px solid var(--border);
  background:#0c0c15cc;backdrop-filter:blur(10px);position:sticky;top:0;z-index:50;
}
.logo{font-size:20px;font-weight:800;text-decoration:none;color:var(--text)}
.logo span{
  background:linear-gradient(90deg,var(--accent1),var(--accent2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  animation:shift 6s linear infinite;background-size:200% auto;
}
.menu-btn{background:none;border:none;color:var(--text);cursor:pointer}
.menu-btn svg{width:24px;height:24px}

/* Dropdown Menu */
.dropdown{
  position:absolute;top:60px;left:0;right:0;
  background:#0c0c15f2;backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
  display:flex;flex-direction:column;padding:12px;
  animation:slideDown .25s ease;
}
.dropdown.hide{display:none}
.dropdown a{
  display:flex;align-items:center;gap:12px;
  color:var(--muted);text-decoration:none;padding:14px 16px;border-radius:12px;
  font-size:15px;transition:.2s;
}
.dropdown a svg{width:18px;height:18px}
.dropdown a:hover, .dropdown a.active{background:var(--card);color:var(--text)}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

/* Home Center */
.home-center{
  height:calc(100vh - 60px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:24px;
}
.title{
  font-size:36px;font-weight:800;line-height:1.1;margin-bottom:12px;
  background:linear-gradient(90deg,var(--accent1),var(--accent2),var(--accent3));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  animation:shift 6s linear infinite;background-size:300% auto;
}
.subtitle{font-size:14px;color:var(--muted);margin-bottom:6px}
.tagline{font-size:13px;color:var(--muted);margin-bottom:28px;max-width:320px}

/* Glow Button */
.glow-btn{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;
  padding:14px 24px;border-radius:14px;color:#fff;font-size:15px;
  background:linear-gradient(90deg,var(--accent1),var(--accent2),var(--accent3),var(--accent1));
  background-size:300% 100%;animation:shift 6s linear infinite;
  box-shadow:0 0 20px #8b5cf655;transition:.3s;
}
.glow-btn svg{width:18px;height:18px}
.glow-btn.small{padding:12px 16px;font-size:14px;margin-top:8px}
.glow-btn:hover{box-shadow:0 0 30px #ec489988;transform:translateY(-2px)}
@keyframes shift{0%{background-position:0% 50%}100%{background-position:100% 50%}}