@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Urbanist:wght@400;600;700;800&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#0f172a;
  --bg2:#1a2540;
  --bg3:#243050;
  --border:rgba(255,255,255,0.08);
  --border-hover:rgba(255,255,255,0.18);
  --accent:#a3e636;
  --accent2:#7bc920;
  --text:#f0f0f0;
  --text2:#b8c4d4;
  --text3:#7a8fa8;
  --radius:12px;
  --radius-sm:8px;
}

html,body{
  background:var(--bg);
  color:var(--text);
  font-family:'Inter',sans-serif;
  font-size:16px;
  line-height:1.6;
  min-height:100vh;
}

.topbar{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(15,23,42,0.94);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
  padding:0 24px;
  height:64px;
  display:flex;align-items:center;gap:20px;
}

.topbar-logo{
  font-family:'Urbanist',sans-serif;
  font-weight:800;font-size:22px;
  color:var(--accent);letter-spacing:-0.5px;text-decoration:none;
}

.shell{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}