:root{--bg-deep: #050508;--bg-dark: #0a0a12;--bg-card: #0e0e1a;--bg-card-hover: #141428;--purple: #7b2ff2;--purple-dim: #5a1fb8;--purple-glow: #9b4dff;--purple-light: #c084fc;--red-neon: #ff2255;--cyan: #00e5ff;--text: #e8e6f0;--text-dim: #8a8a9a;--text-muted: #55556a;--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--purple-dim) var(--bg-deep)}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--purple-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--purple)}#particles{position:fixed;inset:0;z-index:0;pointer-events:none}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;transition:background .4s,backdrop-filter .4s,box-shadow .4s}.nav--scrolled{background:#050508d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #7b2ff233}.nav__logo img{height:40px;width:auto;filter:drop-shadow(0 0 8px rgba(123,47,242,.5))}.nav__links{display:flex;list-style:none;gap:1.8rem}.nav__links a{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);transition:color .3s,text-shadow .3s;position:relative}.nav__links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--purple);box-shadow:0 0 8px var(--purple-glow);transition:width .3s}.nav__links a:hover,.nav__links a.active{color:var(--purple-light);text-shadow:0 0 12px rgba(123,47,242,.5)}.nav__links a:hover:after,.nav__links a.active:after{width:100%}.nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav__burger span{display:block;width:26px;height:2px;background:var(--text);transition:transform .3s,opacity .3s}.nav__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__burger.open span:nth-child(2){opacity:0}.nav__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1}.hero__bg{position:absolute;inset:0;z-index:-1}.hero__bg-img{width:100%;height:100%;object-fit:cover;opacity:.35;filter:brightness(.5) saturate(.7)}.hero__fog{position:absolute;bottom:0;width:120%;height:40%;z-index:1;pointer-events:none;opacity:.6}.hero__fog--left{left:-10%;background:radial-gradient(ellipse at 30% 100%,rgba(123,47,242,.15) 0%,transparent 70%);animation:fogDrift 12s ease-in-out infinite}.hero__fog--right{right:-10%;background:radial-gradient(ellipse at 70% 100%,rgba(90,31,184,.12) 0%,transparent 70%);animation:fogDrift 15s ease-in-out infinite reverse}@keyframes fogDrift{0%,to{transform:translate(0) scaleX(1)}50%{transform:translate(3%) scaleX(1.05)}}.hero__content{text-align:center;z-index:2;padding:2rem}.hero__logo-wrap{margin-bottom:2rem}.hero__logo{width:220px;height:auto;margin:0 auto;filter:drop-shadow(0 0 30px rgba(123,47,242,.6)) drop-shadow(0 0 60px rgba(123,47,242,.3));animation:logoPulse 4s ease-in-out infinite}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 30px rgba(123,47,242,.6)) drop-shadow(0 0 60px rgba(123,47,242,.3))}50%{filter:drop-shadow(0 0 40px rgba(123,47,242,.8)) drop-shadow(0 0 80px rgba(123,47,242,.5))}}.hero__title{font-family:var(--font-display);font-size:clamp(3rem,8vw,7rem);font-weight:900;letter-spacing:.2em;color:var(--text);line-height:1;margin-bottom:1rem}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.glitch:before{color:var(--red-neon);z-index:-1;animation:glitch1 3s infinite linear alternate-reverse}.glitch:after{color:var(--cyan);z-index:-2;animation:glitch2 3s infinite linear alternate-reverse}@keyframes glitch1{0%,90%,to{opacity:0;transform:none}91%{opacity:.8;transform:translate(-3px,-1px);clip-path:inset(20% 0 60% 0)}93%{opacity:.8;transform:translate(3px,1px);clip-path:inset(50% 0 20% 0)}95%{opacity:0}}@keyframes glitch2{0%,88%,to{opacity:0;transform:none}89%{opacity:.8;transform:translate(3px,2px);clip-path:inset(40% 0 30% 0)}92%{opacity:.8;transform:translate(-2px,-1px);clip-path:inset(10% 0 70% 0)}94%{opacity:0}}.hero__motto{font-family:var(--font-mono);font-size:clamp(.9rem,2vw,1.2rem);color:var(--purple-light);letter-spacing:.3em;margin-bottom:.75rem;text-shadow:0 0 20px rgba(123,47,242,.5)}.hero__subtitle{font-family:var(--font-body);font-size:clamp(.85rem,1.5vw,1.1rem);color:var(--text-dim);letter-spacing:.1em;font-weight:300;margin-bottom:3rem}.hero__cta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--purple-light);border:1px solid var(--purple-dim);padding:.75rem 2rem;transition:all .3s}.hero__cta:hover{background:#7b2ff226;border-color:var(--purple);box-shadow:0 0 20px #7b2ff24d}.hero__cta svg{animation:bounceDown 2s ease-in-out infinite}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.audio-toggle{position:absolute;bottom:2rem;right:2rem;z-index:10;background:#7b2ff226;border:1px solid rgba(123,47,242,.3);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--purple-light);transition:all .3s}.audio-toggle:hover{background:#7b2ff24d;border-color:var(--purple);box-shadow:0 0 15px #7b2ff24d}.audio-toggle.playing{animation:audioPulse 2s ease-in-out infinite}@keyframes audioPulse{0%,to{box-shadow:0 0 #7b2ff24d}50%{box-shadow:0 0 0 8px #7b2ff200}}.hero__scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:3}.section{position:relative;padding:8rem 0;z-index:1}.section__title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3rem;text-align:center}.section__title-label{display:block;font-family:var(--font-mono);font-size:.75rem;font-weight:400;color:var(--purple);letter-spacing:.2em;margin-bottom:.5rem;text-shadow:0 0 10px rgba(123,47,242,.4)}.about{background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-dark) 100%)}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about__text p{font-size:1.1rem;font-weight:400;margin-bottom:1.25rem;color:var(--text-dim);line-height:1.8}.about__text strong{color:var(--text)}.about__lore{color:var(--purple-light)!important;font-style:italic;border-left:2px solid var(--purple);padding-left:1.25rem;margin-top:1.5rem}.about__image{position:relative;display:flex;justify-content:center}.about__image img{max-width:400px;border-radius:4px;position:relative;z-index:1}.about__image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(123,47,242,.25) 0%,transparent 70%);border-radius:50%;filter:blur(40px);z-index:0;animation:glowPulse 5s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.about__philosophy{margin-top:4rem;max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.about__philosophy h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-light);margin-bottom:1.5rem}.about__philosophy p{font-size:1.05rem;color:var(--text-dim);line-height:1.8;margin-bottom:1rem}.about__philosophy strong{color:var(--text)}.units{background:var(--bg-dark)}.units__intro{text-align:center;max-width:700px;margin:0 auto 3rem;font-size:1.05rem;color:var(--text-dim);line-height:1.8}.units__emblem{text-align:center;margin-bottom:4rem}.units__emblem img{max-width:500px;margin:0 auto;filter:drop-shadow(0 0 20px rgba(123,47,242,.4))}.units__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1000px;margin:0 auto}.unit-card{background:var(--bg-card);border:1px solid rgba(123,47,242,.15);padding:2rem;transition:all .4s}.unit-card:hover{background:var(--bg-card-hover);border-color:var(--purple-dim);transform:translateY(-4px);box-shadow:0 8px 30px #7b2ff226}.unit-card__icon{margin-bottom:1.25rem}.unit-card__icon img{height:64px;width:auto;filter:drop-shadow(0 0 12px rgba(123,47,242,.5))}.unit-card__title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem}.unit-card__role{font-family:var(--font-mono);font-size:.8rem;color:var(--purple);letter-spacing:.1em;margin-bottom:1rem}.unit-card__summary{font-size:.95rem;color:var(--text-dim);line-height:1.7;margin-bottom:1rem}.unit-card__details{border-top:1px solid rgba(123,47,242,.1);padding-top:.75rem}.unit-card__details summary{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-light);cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem;transition:color .3s}.unit-card__details summary::-webkit-details-marker{display:none}.unit-card__details summary:before{content:"▸";transition:transform .3s}.unit-card__details[open] summary:before{transform:rotate(90deg)}.unit-card__details summary:hover{color:var(--text)}.unit-card__content{padding-top:1rem}.unit-card__content h4{font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin-bottom:.75rem;margin-top:1rem}.unit-card__content h4:first-child{margin-top:0}.unit-card__content ul{list-style:none;padding:0}.unit-card__content li{font-size:.9rem;color:var(--text-dim);line-height:1.6;padding-left:1.25rem;position:relative;margin-bottom:.4rem}.unit-card__content li:before{content:"›";position:absolute;left:0;color:var(--purple);font-weight:700}.unit-card__content p{font-size:.9rem;color:var(--text-dim);line-height:1.7;margin-top:.75rem}.hierarchy{background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-deep) 100%);position:relative}.hierarchy:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100%;background:linear-gradient(180deg,transparent,var(--purple-dim) 20%,var(--purple-dim) 80%,transparent);opacity:.3}.hierarchy__intro{text-align:center;max-width:700px;margin:0 auto 4rem;font-size:1.05rem;color:var(--text-dim);line-height:1.8}.hierarchy__ranks{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:900px;margin:0 auto 4rem}.rank-card{background:var(--bg-card);border:1px solid rgba(123,47,242,.15);padding:2rem;position:relative;overflow:hidden;transition:all .4s}.rank-card:hover{background:var(--bg-card-hover);border-color:var(--purple-dim);transform:translateY(-4px);box-shadow:0 8px 30px #7b2ff226}.rank-card__icon{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--purple);margin-bottom:1rem;text-shadow:0 0 15px rgba(123,47,242,.4)}.rank-card__title{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.rank-card__desc{font-size:.95rem;color:var(--text-dim);line-height:1.7}.rank-card__line{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--purple),transparent);opacity:0;transition:opacity .4s}.rank-card:hover .rank-card__line{opacity:1}.hierarchy__creed{text-align:center;max-width:700px;margin:0 auto;font-size:1.1rem;color:var(--text-dim);line-height:1.8}.hierarchy__creed strong{color:var(--text);font-size:1.3rem;display:block;margin-top:.5rem;font-family:var(--font-display);letter-spacing:.15em;text-shadow:0 0 15px rgba(123,47,242,.3)}.rules{background:var(--bg-deep)}.rules__intro{text-align:center;max-width:600px;margin:0 auto 3rem;font-size:1.05rem;color:var(--text-dim);line-height:1.8}.rules__block{max-width:800px;margin:0 auto 3rem}.rules__details{background:var(--bg-card);border:1px solid rgba(123,47,242,.15);overflow:hidden}.rules__summary{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-light);padding:1.5rem 2rem;cursor:pointer;list-style:none;display:flex;align-items:center;gap:.75rem;transition:background .3s,color .3s}.rules__summary::-webkit-details-marker{display:none}.rules__summary:before{content:"▸";font-size:1.1rem;transition:transform .3s}.rules__details[open] .rules__summary:before{transform:rotate(90deg)}.rules__summary:hover{background:#7b2ff20d;color:var(--text)}.rules__content{padding:0 2rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.rules__item h3{font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-light);margin-bottom:.5rem}.rules__item p{font-size:.9rem;color:var(--text-dim);line-height:1.7}.rules__image{text-align:center}.rules__image img{max-width:300px;margin:0 auto;border-radius:4px;filter:drop-shadow(0 0 20px rgba(123,47,242,.3))}.recruit{background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-dark) 100%)}.recruit__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:3rem}.recruit__text p{font-size:1.05rem;color:var(--text-dim);line-height:1.8;margin-bottom:1.25rem}.recruit__text strong{color:var(--text)}.recruit__text h3{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-light);margin-top:2rem;margin-bottom:1rem}.recruit__steps,.recruit__requirements{padding-left:1.5rem;margin-bottom:1rem}.recruit__steps li,.recruit__requirements li{font-size:.95rem;color:var(--text-dim);line-height:1.8;margin-bottom:.3rem}.recruit__steps a{color:var(--purple-light);text-decoration:underline;text-underline-offset:2px}.recruit__steps a:hover{color:var(--text)}.recruit__image{position:relative;display:flex;justify-content:center}.recruit__image img{max-width:450px;border-radius:4px;position:relative;z-index:1}.recruit__image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;background:radial-gradient(circle,rgba(123,47,242,.2) 0%,transparent 70%);border-radius:50%;filter:blur(40px);z-index:0;animation:glowPulse 5s ease-in-out infinite}.recruit__cta{text-align:center}.btn{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:1rem 2.5rem;border-radius:4px;transition:all .3s}.btn--discord{background:#5865f2;color:#fff}.btn--discord:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 8px 25px #5865f266}.gallery{background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-deep) 100%)}.gallery__video{max-width:800px;margin:0 auto 4rem}.gallery__video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border:1px solid rgba(123,47,242,.2)}.gallery__video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery__item{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:16/10;border:1px solid rgba(123,47,242,.1)}.gallery__item--wide{grid-column:span 2}.gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s;filter:saturate(.7) brightness(.8)}.gallery__item:hover img{transform:scale(1.08);filter:saturate(1) brightness(1)}.gallery__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(5,5,8,.9) 100%);display:flex;align-items:flex-end;padding:1.25rem;opacity:0;transition:opacity .4s}.gallery__item:hover .gallery__overlay{opacity:1}.gallery__overlay span{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--purple-light)}.gallery__yt-section{text-align:center;margin-top:3rem}.gallery__yt-link{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border:1px solid rgba(123,47,242,.2);padding:1rem 2rem;transition:all .3s}.gallery__yt-link:hover{color:var(--purple-light);border-color:var(--purple);background:#7b2ff21a}.join{background:var(--bg-deep);text-align:center}.join__text{max-width:600px;margin:0 auto 1.5rem;font-size:1.1rem;color:var(--text-dim);line-height:1.8}.join__subtext{font-family:var(--font-mono);font-size:1rem;color:var(--purple-light);letter-spacing:.15em;margin-bottom:3rem;text-shadow:0 0 15px rgba(123,47,242,.4)}.join__discord{display:inline-flex;align-items:center;gap:.75rem;background:#5865f2;color:#fff;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:1rem 2.5rem;border-radius:4px;transition:all .3s;margin-bottom:1.5rem}.join__discord:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 8px 25px #5865f266}.join__rsi{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-light);border:1px solid var(--purple-dim);padding:.75rem 2rem;margin-bottom:3rem;transition:all .3s}.join__rsi:hover{background:#7b2ff226;border-color:var(--purple);box-shadow:0 0 20px #7b2ff24d}.join__socials{display:flex;justify-content:center;gap:1.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(123,47,242,.2);border-radius:50%;color:var(--text-dim);transition:all .3s}.social-link:hover{color:var(--purple-light);border-color:var(--purple);background:#7b2ff21a;box-shadow:0 0 15px #7b2ff24d;transform:translateY(-3px)}.footer{position:relative;z-index:1;border-top:1px solid rgba(123,47,242,.15);padding:2rem 0;background:var(--bg-deep)}.footer__inner{display:flex;align-items:center;justify-content:space-between}.footer__left{display:flex;align-items:center;gap:1rem}.footer__logo{height:30px;width:auto;opacity:.5}.footer__tagline{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.15em}.footer__center{text-align:center}.footer__copy{font-size:.8rem;color:var(--text-muted)}.footer__right{display:flex;align-items:center}.footer__sc-link{display:flex;align-items:center;opacity:.4;transition:opacity .3s}.footer__sc-link:hover{opacity:.7}.footer__sc-logo{height:32px;width:auto;filter:brightness(.8)}.lightbox{position:fixed;inset:0;z-index:200;background:#050508f2;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox.open{opacity:1;pointer-events:auto}.lightbox__close{position:absolute;top:2rem;right:2rem;background:none;border:none;color:var(--text);font-size:2.5rem;cursor:pointer;transition:color .3s;line-height:1}.lightbox__close:hover{color:var(--purple-light)}.lightbox__img{max-width:90vw;max-height:85vh;object-fit:contain;border:1px solid rgba(123,47,242,.2)}@media(max-width:900px){.about__grid,.recruit__grid{grid-template-columns:1fr;gap:2rem}.about__image,.recruit__image{order:-1}.about__image img{max-width:250px}.recruit__image img{max-width:300px}.hierarchy__ranks,.units__grid{grid-template-columns:1fr}.gallery__grid{grid-template-columns:1fr 1fr}.gallery__item--wide{grid-column:span 2}.rules__content{grid-template-columns:1fr}.nav__links{gap:1.5rem}.nav__links a{font-size:.65rem}}@media(max-width:768px){.nav__links{position:fixed;top:0;right:0;width:280px;height:100vh;background:#050508f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transform:translate(100%);transition:transform .4s;border-left:1px solid rgba(123,47,242,.2)}.nav__links.open{transform:translate(0)}.nav__links a{font-size:.75rem}.nav__burger{display:flex;z-index:101}.hero__logo{width:160px}.section{padding:5rem 0}.gallery__grid{grid-template-columns:1fr}.gallery__item--wide{grid-column:span 1}.units__emblem img{max-width:280px}.footer__inner{flex-direction:column;gap:1rem;text-align:center}.footer__left{flex-direction:column;gap:.5rem}.join__discord,.join__rsi{display:flex;justify-content:center;width:100%;max-width:300px;margin-left:auto;margin-right:auto}}