.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#0a0a0fbf;border:none;border-bottom:1px solid #fa14ff33;border-radius:0;padding:1.25rem 0;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 30px #0006,inset 0 -1px #14d2dc0d}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-brand{font-family:var(--font-display);letter-spacing:.15em;font-size:1.75rem;font-weight:400}.navbar-links{align-items:center;gap:2.25rem;list-style:none;display:flex}.nav-link{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);font-size:.95rem;font-weight:700;transition:all .3s;position:relative}.nav-link:after{content:"";background:var(--accent-secondary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover{color:var(--text-primary);text-shadow:0 0 8px #14d2dc80}.nav-link:hover:after{width:100%}.menu-toggle{cursor:pointer;z-index:1010;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;padding:0;display:none}.burger-bar{background-color:var(--text-primary);width:100%;height:2px;transition:all .3s cubic-bezier(.16,1,.3,1)}.menu-toggle.open .burger-bar:first-child{background-color:var(--accent-primary);transform:translateY(8px)rotate(45deg)}.menu-toggle.open .burger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle.open .burger-bar:nth-child(3){background-color:var(--accent-primary);transform:translateY(-8px)rotate(-45deg)}.menu-overlay{-webkit-backdrop-filter:blur(4px);z-index:998;background:#0009;animation:.3s ease-out fadeIn;position:fixed;inset:0}@media (max-width:768px){.menu-toggle{display:flex}.navbar-links{width:290px;height:100vh;-webkit-backdrop-filter:var(--glass-blur);z-index:999;background:#0a0a0ff2;border-left:1px solid #fa14ff26;flex-direction:column;justify-content:center;align-items:center;gap:3rem;padding:3rem 2rem;transition:right .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #0009}.navbar-links.active{right:0}.navbar-links li{text-align:center;width:100%}.nav-link{padding:.5rem 0;font-size:1.25rem;display:block}.navbar-links .btn-primary{text-align:center;width:80%;margin-top:1rem;display:inline-block}}
.footer{background:#0a0a0fd9;border:none;border-top:1px solid #fa14ff33;border-radius:0;margin-top:6rem;padding:4rem 0 0;box-shadow:0 -4px 30px #0006}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem;display:grid}.footer h3{font-size:1.5rem}.footer h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin-bottom:1.25rem;font-size:1.15rem;font-weight:700}.footer p{color:var(--text-secondary)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--text-secondary);transition:all .3s;display:inline-block}.footer-links a:hover{color:var(--accent-secondary);text-shadow:0 0 8px #14d2dc66;transform:translate(4px)}.footer-bottom{text-align:center;border-top:1px solid var(--glass-border);padding:1.5rem}.footer-bottom p{font-size:.875rem}
:root{--bg-color:#0a0a0f;--bg-secondary:#12121e;--text-primary:#fff;--text-secondary:#a8a8b8;--accent-primary:#fa14ff;--accent-secondary:#14d2dc;--accent-tertiary:#3cc8fa;--font-body:"Raleway", sans-serif;--font-heading:"League Spartan", sans-serif;--font-display:"Gruppo", sans-serif;--glass-bg:#12121e73;--glass-border:#fa14ff1f;--glass-blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-bottom:1rem;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;transition:color .3s}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s}.glass-panel:hover{border-color:#14d2dc4d;transform:translateY(-5px);box-shadow:0 10px 30px #fa14ff33}.text-display{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase}.btn-primary{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));color:#fff;font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.5px;z-index:1;border:1px solid #ffffff1a;border-radius:30px;padding:.75rem 2rem;transition:all .3s;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg, var(--accent-secondary), var(--accent-primary));z-index:-1;opacity:0;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{outline:none;transform:translateY(-1px);box-shadow:0 4px 15px #0000004d}.btn-primary:focus{outline:none}.btn-secondary{color:#fff;font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.5px;background:#12121e99;border:1px solid #fa14ff4d;border-radius:30px;padding:.75rem 2rem;transition:all .3s}.btn-secondary:hover{border-color:var(--accent-secondary);background:#fa14ff1a;transform:scale(1.03);box-shadow:0 0 20px #14d2dc4d}.page-container{min-height:calc(100vh - 160px);padding-top:140px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}@media (max-width:600px){.container{padding:0 1.25rem}.page-container{padding-top:100px}}