*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}main{z-index:1;position:relative}.page{height:100svh}#bg{pointer-events:none;z-index:0;width:100%;height:100svh;position:fixed;inset:0}body{color:#fff;background:#0f1722;overflow-x:hidden}body.dark-mode{color:#fff;background:#030304}.hero{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100svh;font-size:clamp(15px,3vw,28px);display:flex}.glow-text{letter-spacing:.06em;color:#fff;font-family:Sora,sans-serif;font-size:5.1em;font-weight:700;animation:5s ease-in-out infinite alternate vfx-title}@keyframes vfx-title{0%{color:#ffffffd9;text-shadow:0 0 4px #ffffffb3,0 0 10px #ffffff80,0 0 20px #ffffff4d,0 0 40px #ffffff1a}to{color:#fff;text-shadow:0 0 3px #ffffffe6,0 0 8px #ffffff8c,0 0 16px #ffffff40}}.title-container{text-align:center}.subtitle{letter-spacing:.3em;color:#fff;margin-top:-.8em;font-family:Bungee,cursive;font-size:1.25em}.btn-join{letter-spacing:.15em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#ffffff0a;border:4px solid #fff;border-radius:8px;margin-top:1.2em;padding:.73em 2em;font-family:Bungee,cursive;font-size:.9em;font-weight:300;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 0 12px #ffffff40}.btn-join:hover{color:#0f1722;background:#fff;border-color:#fff;box-shadow:0 0 20px #fff9}body.dark-mode .btn-join{color:#fff;background:#080c12;border-color:#fff;box-shadow:0 0 20px #fff9}body.dark-mode .btn-join:hover{color:#080c12;background:#fff;border-color:#fff;box-shadow:0 0 20px #fff9}.theme-btn{z-index:1000;cursor:pointer;color:#fff;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .2s;display:flex;position:fixed;top:5rem;right:1rem}.theme-btn svg{stroke:currentColor;width:28px;height:28px}.theme-btn:hover{transform:scale(1.15)}.navbar{z-index:100;background:#fff;width:100%;padding:1.2rem 0;position:fixed;top:0;left:0;box-shadow:0 4px 20px #00000080}body.dark-mode .navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000075;border-bottom:4px solid #fff;box-shadow:0 4px 12px #ffffff59,0 8px 25px #ffffff26}body.dark-mode .nav-logo,body.dark-mode .nav-links a{color:#fff}body.dark-mode .nav-links a svg{stroke:#fff}.nav-container{justify-content:space-between;align-items:center;width:100%;padding:0 2rem;display:flex}.nav-logo{letter-spacing:.15em;color:#0a101c;text-shadow:0 0 12px #fff6;font-family:Bungee,sans-serif;font-size:1.3rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:2.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#0a101c;letter-spacing:.05em;align-items:center;gap:.6rem;font-family:Bungee,sans-serif;font-size:1.05rem;text-decoration:none;transition:all .25s;display:flex}.nav-links a svg{stroke:#0a101c;width:22px;height:22px;transition:all .25s}.nav-links a:hover{color:#fa5c5c}.nav-links a:hover svg{stroke:#fa5c5c;filter:drop-shadow(0 0 8px #fffc);transform:translateY(-2px)}@media (width<=768px){.navbar{padding:.9rem 0}.nav-container{justify-content:space-between;padding:0 1.2rem}.nav-logo{font-size:1.3rem}.nav-links{gap:1.4rem}.nav-links a span{display:none}.nav-links a svg{width:26px;height:26px}}