*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#c9911a;--gold-light:#dca22a;--gold-glow:#c9911a80;--spice-ember:#b8860b73;--spice-blue:#00e5ff;--spice-blue-glow:#00e5ff59;--cyber-blue:#08f;--cyber-blue-glow:#0088ff40;--cyber-red:#f35;--bg-deep:#050302;--bg-mid:#0b0907;--bg-surface:#161210;--violet:var(--gold);--violet-light:var(--gold-light);--violet-glow:var(--gold-glow);--cyan:var(--spice-blue);--cyan-glow:var(--spice-blue-glow);--blue:var(--cyber-blue);--glitch-red:var(--cyber-red);--text-primary:#f0ece3;--text-secondary:#e0dbd0;--text-muted:#a8a098;--font-display:"Audiowide", sans-serif;--font-heading:"Orbitron", sans-serif;--font-body:"Rajdhani", sans-serif;--font-mono:"Share Tech Mono", monospace;--font-accent:"Ethnocentric", sans-serif;--nav-height:72px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--ease-cyber:cubic-bezier(.22, 1, .36, 1);--ease-spice:cubic-bezier(.16, 1, .3, 1);--border-glow:#00e5ff14;--border-gold:#c9911a26}@font-face{font-family:Ethnocentric;src:url(/fonts/Ethnocentric.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}body{color:var(--text-primary);font-family:var(--font-body);background:linear-gradient(160deg,#040201 0%,#0b0907 40%,#100d0a 70%,#0a0806 100%) fixed;position:relative;overflow-x:hidden}body:after{content:"";z-index:9999;pointer-events:none;opacity:.5;background:radial-gradient(#0000 20%,#030201b3 70%,#030201eb 100%),repeating-linear-gradient(0deg,#0000,#0000 3px,#00000008 3px 4px),linear-gradient(90deg,#c9911a02,#0000 20%,#00e5ff01,#0000 80%,#0088ff02);position:fixed;inset:0}@media (width>=768px){body:before{content:"";z-index:9998;pointer-events:none;opacity:.6;background:linear-gradient(90deg,#00e5ff1f 0,#0000 40px) 0 0/100% 1px no-repeat,linear-gradient(90deg,#0000 calc(100% - 40px),#00e5ff1f) 0 100%/100% 1px no-repeat,linear-gradient(#00e5ff1f 0,#0000 40px) 0 0/1px 100% no-repeat,linear-gradient(#0000 calc(100% - 40px),#00e5ff1f) 100% 0/1px 100% no-repeat,linear-gradient(90deg,#c9911a14 0,#0000 30px) 0 0/100% 1px no-repeat,linear-gradient(90deg,#0000 calc(100% - 30px),#c9911a14) 0 100%/100% 1px no-repeat,linear-gradient(#c9911a14 0,#0000 30px) 0 0/1px 100% no-repeat,linear-gradient(#0000 calc(100% - 30px),#c9911a14) 100% 0/1px 100% no-repeat;border:1px solid #00e5ff0d;position:fixed;inset:10px}}a{color:var(--spice-blue);text-decoration:none;transition:color .3s}a:hover{color:var(--gold)}img{max-width:100%;height:auto}::selection{background:var(--gold-glow);color:var(--text-primary)}::-webkit-scrollbar{display:none}.section{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:80px 5%;display:flex;position:relative}.section:before{content:"";background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--spice-blue) 50%, var(--gold) 80%, transparent);opacity:.25;height:1px;box-shadow:0 0 16px var(--spice-blue-glow), 0 0 32px var(--gold-glow);position:absolute;top:0;left:8%;right:8%}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes led-pulse{0%,to{opacity:.25;box-shadow:0 0 6px var(--spice-blue)}50%{opacity:1;box-shadow:0 0 14px var(--spice-blue), 0 0 28px var(--spice-blue-glow)}}@keyframes led-ring-pulse{0%{box-shadow:0 0 6px var(--spice-blue), 0 0 0 0 #00e5ff4d}70%{box-shadow:0 0 10px var(--spice-blue), 0 0 0 10px #00e5ff00}to{box-shadow:0 0 6px var(--spice-blue), 0 0 0 0 #00e5ff00}}@keyframes instability{0%,to{clip-path:inset(0)}5%{clip-path:inset(30% 0 0)}10%{clip-path:inset(0 0 20%)}15%{clip-path:inset(0)}}@keyframes coming-soon-pulse{0%,to{border-color:var(--spice-blue);box-shadow:0 0 0 1px #00e5ff1a,0 0 22px #00e5ff1f,inset 0 0 22px #00e5ff05}50%{border-color:#00e5ff80;box-shadow:0 0 0 1px #00e5ff33,0 0 32px #00e5ff2e,inset 0 0 28px #00e5ff0a}}@keyframes hud-glow-cyan{0%,to{text-shadow:0 0 4px #00e5ff33}50%{text-shadow:0 0 8px #00e5ff66}}@keyframes hud-glow-gold{0%,to{text-shadow:0 0 4px #e5a93c33}50%{text-shadow:0 0 8px #e5a93c66}}@keyframes hero-tagline-drift{0%,to{letter-spacing:.25em}50%{letter-spacing:.32em}}.section-title{font-family:var(--font-display);background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 25%, var(--spice-blue) 65%, var(--gold) 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.16em;text-align:center;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:.8rem;font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:700;animation:6s ease-in-out infinite shimmer;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--spice-blue), var(--gold), transparent);width:120px;height:2px;box-shadow:0 0 16px var(--spice-blue-glow), 0 0 32px var(--gold-glow);border-radius:2px;margin:.8rem auto 0;display:block}.section-subtitle{font-family:var(--font-body);color:var(--text-secondary);text-align:center;letter-spacing:.06em;max-width:680px;margin:0 auto 2.5rem;font-size:clamp(.95rem,1.8vw,1.15rem);line-height:1.7}.glass-card{-webkit-backdrop-filter:blur(8px);transition:border-color .35s var(--ease-cyber), transform .35s var(--ease-cyber), box-shadow .35s var(--ease-cyber);background:#080604eb;border:1px solid #c9911a1a;border-radius:2px;position:relative;overflow:hidden}.glass-card:before{content:"";opacity:0;height:1px;transition:opacity .35s var(--ease-cyber);background:linear-gradient(90deg,#0000,#00e5ff26,#0000);position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:#00e5ff4d;transform:translateY(-1px);box-shadow:0 0 24px #00e5ff14,0 0 48px #c9911a08,inset 0 1px #00e5ff0f}.glass-card:hover:before{opacity:1}.glass-card:active{transform:scale(.97)}.btn-primary{font-family:var(--font-heading);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold);cursor:pointer;transition:all .3s var(--ease-cyber);background:0 0;border-radius:2px;padding:.85rem 2.8rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 14px #c9911a0f,inset 0 0 14px #c9911a05}.btn-primary:after{content:"";transition:transform .5s var(--ease-spice);background:linear-gradient(90deg,#0000,#c9911a1a,#0000);position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover{background:var(--gold);color:var(--bg-deep);border-color:var(--gold-light);box-shadow:0 0 36px #c9911a80, 0 0 56px var(--spice-ember);transform:translateY(-1px)}.btn-primary:hover:after{transform:translate(100%)}.btn-primary:active{transform:scale(.96)}.btn-secondary{font-family:var(--font-heading);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--spice-blue);color:var(--spice-blue);cursor:pointer;transition:all .3s var(--ease-cyber);background:0 0;border-radius:2px;padding:.85rem 2.8rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 14px #00e5ff0f,inset 0 0 14px #00e5ff05}.btn-secondary:after{content:"";transition:transform .5s var(--ease-spice);background:linear-gradient(90deg,#0000,#00e5ff1a,#0000);position:absolute;inset:0;transform:translate(-100%)}.btn-secondary:hover{background:var(--spice-blue);color:var(--bg-deep);border-color:#fff;transform:translateY(-1px);box-shadow:0 0 36px #00e5ff73,0 0 56px #00e5ff1f}.btn-secondary:hover:after{transform:translate(100%)}.btn-secondary:active{transform:scale(.96)}.social-icon{width:44px;height:44px;color:var(--spice-blue);transition:all .3s var(--ease-cyber);background:#00e5ff05;border:1px solid #00e5ff24;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 8px #00e5ff05}.social-icon:hover{background:var(--spice-blue);color:#050403;border-color:var(--spice-blue);box-shadow:0 0 24px var(--spice-blue), 0 0 48px #00e5ff26;transform:translateY(-2px)}.social-icon:active{transform:scale(.93)}.led-dot{background:var(--spice-blue);width:7px;height:7px;box-shadow:0 0 8px var(--spice-blue), 0 0 16px var(--spice-blue-glow);border-radius:50%;flex-shrink:0;animation:2.5s ease-in-out infinite led-pulse}.led-dot--ring{animation:2s ease-out infinite led-ring-pulse}.led-dot--gold{background:var(--gold);box-shadow:0 0 8px var(--gold), 0 0 16px var(--gold-glow)}@media (width<=768px){.section{padding:60px 5%}.nav-desktop-links{display:none!important}.nav-hamburger{justify-content:center!important;align-items:center!important;gap:0!important;width:44px!important;height:44px!important;display:flex!important}.nav-hamburger span{transform-origin:50%!important;border-radius:999px!important;width:22px!important;height:2px!important}.main-nav{padding:1.5rem!important}.nav-logo-link{left:.5rem!important}.nav-logo{height:32px!important;transform:translateY(3px)scale(1)!important}}.nav-logo{object-fit:contain;transform-origin:0;width:auto;height:36px;transition:transform .3s,height .3s;transform:translateY(3px)}@media (width>=768px){.nav-logo{transform:translateY(3px)scale(1.2)}}@media (width<=600px){.about-stats-grid{grid-template-columns:1fr 1fr!important;gap:1.2rem .8rem!important}.about-stats-grid>div:last-child{justify-self:center;width:100%;max-width:260px;grid-column:1/span 2!important}}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=768px){.contact-grid{grid-template-columns:1fr 1fr!important}}@media (width<=768px){.nav-desktop-login{display:none!important}}.nav-link-item:hover{color:var(--gold)!important;background:#e5a93c08!important}@media (width>=1025px){.admin-sidebar{transform:translate(0)!important}.mobileMenuToggle{display:none!important}}@media (width<=1024px){.admin-sidebar{z-index:200;transform:translate(-100%);box-shadow:4px 0 24px #0006}.admin-sidebar.sidebar-open{transform:translate(0)!important}.main{margin-left:0!important}.topbar{flex-wrap:wrap}.sidebarToggle,.mobileMenuToggle{justify-content:center;align-items:center;display:flex!important}}@media (width<=640px){.topbar{padding:.75rem 1rem}.pageTitle{font-size:.75rem}.content{padding:1rem!important}.userEmail{display:none}.roleBadge{padding:.2rem .5rem;font-size:.55rem}}select:hover{border-color:#e5a93c66!important}select:focus{border-color:var(--gold)!important}