/*
EPIC GUEST4242S WEBSITE CSS THING!!1
*/
      :root{
        --bg-grad-a: #47a3ff;
        --bg-grad-b: #d373ff;
        --glass: rgba(255,255,255,0.08);
        --glass-strong: rgba(255,255,255,0.12);
        --accent: #00d1ff;
        --radius: 14px;
        --ease: 200ms cubic-bezier(.2,.9,.2,1);
        --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
      }
      *{box-sizing:border-box}
      html,body{height:100%}
      body{font-family:var(--font);margin:0;color:#eaeef7;background:linear-gradient(120deg,var(--bg-grad-a) 0%,var(--bg-grad-b) 100%);}

      /* full-bleed background image */
      .bg{position:fixed;inset:0;background-image:url('bg.png');background-size:cover;background-position:center;filter:blur(6px) saturate(1.05);transform:scale(1.06);z-index:-2}
      .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(36,42,58,0.35), rgba(0,0,0,0.05));}

      /* container that holds content, gives nice card feel */
      .page-wrap{min-height:100vh;display:flex;flex-direction:column}
      .container-xl {position:relative;z-index:2}

      /* Glass navbar */
      .navbar{backdrop-filter:blur(6px);background:linear-gradient(90deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02));border-radius:var(--radius);padding:.45rem .75rem;margin:12px}
      .navbar-brand{font-weight:700;letter-spacing:.4px}
      .nav-link{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:10px;transition:transform var(--ease),background var(--ease)}
      .nav-link:hover{transform:translateY(-2px);background:var(--glass)}

      /* compact icon-only collapsed nav (inspired by your original) */
      .nav-icon-only .nav-link{width:3rem;overflow:hidden}
      .nav-icon-only .nav-text{opacity:0;transition:opacity 180ms ease;white-space:nowrap}
      .nav-icon-only .nav-link:hover{width:7.5rem}
      .nav-icon-only .nav-link:hover .nav-text{opacity:1}

      /* OMG BOOTSTRAP HERO RESTORATION?? */
      .hero{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:center;padding:3.5rem 0}
      .hero .card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border-radius:18px;padding:2rem;box-shadow:0 8px 30px rgba(9,10,20,0.45)}
      .hero h1{font-size:clamp(1.6rem, 3.4vw, 3rem);margin:0 0 .25rem}
      .hero p{opacity:.88;margin-bottom:1rem}

      /* small helpers */
      .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.08);color:inherit}
      footer{padding:1.25rem 0;color:rgba(240,245,255,0.7);font-size:.9rem}

      /* responsive tweaks */
      @media(min-width:992px){
        .hero{grid-template-columns:1fr 420px}
      }
.btn, html, a {
  cursor: none;
}