@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#080a0c;--surface:#101419;--surface2:#171c22;--ink:#f5f6f4;--muted:#a7adaa;--dim:#777e7c;--line:#292f36;--lime:#c9f35a;--blue:#72c8ff;--peach:#ff9e76;--purple:#a99cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-1;opacity:.11}.ambient-blue{width:520px;height:520px;background:var(--blue);right:-260px;top:8%}.ambient-purple{width:430px;height:430px;background:var(--purple);left:-250px;top:68%}
.cursor-glow{position:fixed;z-index:100;pointer-events:none;width:210px;height:210px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(114,200,255,.20) 0%,rgba(114,200,255,.08) 30%,rgba(201,243,90,.025) 52%,transparent 72%);filter:blur(8px);opacity:0}.cursor-dot{position:fixed;z-index:101;pointer-events:none;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);background:#effdff;box-shadow:0 0 12px #72c8ff,0 0 25px #72c8ff99;opacity:0}.trail-particle{position:fixed;z-index:99;pointer-events:none;width:4px;height:4px;border-radius:50%;background:#72c8ff;box-shadow:0 0 10px #72c8ff;transform:translate(-50%,-50%);animation:trailFade .42s ease-out forwards}@keyframes trailFade{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.05)}}
.nav{height:76px;position:fixed;z-index:30;left:0;right:0;top:0;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#080a0ceb;border-bottom:1px solid #242a30;backdrop-filter:blur(18px)}.brand{font:700 25px "Space Grotesk";letter-spacing:-1px}.brand span,footer b span{color:var(--lime)}nav{display:flex;gap:30px}nav a{font-size:12px;color:#a2a8a6;transition:color .2s,transform .2s}nav a:hover{color:#fff;transform:translateY(-2px)}.nav-button{background:var(--lime);color:#10120e;border-radius:100px;padding:10px 17px;font-size:11px;font-weight:700;transition:transform .25s,box-shadow .25s}.nav-button:hover{transform:translateY(-3px);box-shadow:0 10px 28px #c9f35a30}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:145px 10vw 90px;background:radial-gradient(circle at 80% 45%,#203644 0%,#101417 30%,#080a0c 67%);overflow:hidden}.hero-copy{position:relative;z-index:4;max-width:800px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--lime);margin-bottom:20px}.hero h1{font:700 clamp(64px,9vw,128px)/.86 "Space Grotesk";letter-spacing:-7px;margin:0}.hero h1 span{color:var(--blue)}.hero-copy>p{max-width:610px;color:#b4bab8;font-size:17px;margin:32px 0;line-height:1.7}.buttons{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;gap:14px;padding:13px 20px;border-radius:100px;font-size:12px;font-weight:700;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s}.btn span{transition:transform .3s}.btn:hover span{transform:translateY(3px)}.btn.main{background:var(--lime);color:#10120e;box-shadow:0 0 0 #c9f35a00}.btn.main:hover{box-shadow:0 14px 35px #c9f35a30}.btn.ghost{border:1px solid #3b4249;color:#e0e3e1;background:#15191d}.btn.ghost:hover{background:#20262c;border-color:#5a646d;box-shadow:0 12px 30px #0008}
.hero-art{position:absolute;right:8vw;top:19%;width:430px;height:430px;border-radius:50%;border:1px solid #ffffff17;background:radial-gradient(circle,#284b5d 0%,#14232d 34%,#101417 69%,transparent 70%);box-shadow:0 0 120px #54bdf51c;animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}.orb{position:absolute;width:180px;height:180px;border-radius:50%;right:88px;top:92px;background:linear-gradient(145deg,#9ee4ff,#4f86c0 60%,#313c70);box-shadow:0 25px 80px #5ebcff3d;animation:orbPulse 4s ease-in-out infinite}@keyframes orbPulse{50%{box-shadow:0 25px 110px #5ebcff55;transform:scale(1.025)}}.hero-mark{position:absolute;left:72px;bottom:80px;font:700 94px "Space Grotesk";letter-spacing:-7px;color:#f3f5f4;text-shadow:8px 10px 0 #ffffff12}.hero-art>span{position:absolute;left:76px;bottom:60px;font-size:8px;letter-spacing:2px;color:#8f9797}.cube{position:absolute;width:42px;height:42px;border:1px solid #ffffff44;transform:rotate(24deg);border-radius:8px;animation:cubeFloat 4s ease-in-out infinite}.c1{right:50px;top:65px;background:#c9f35a55}.c2{left:35px;top:170px;background:#72c8ff55;animation-delay:-1s}.c3{right:65px;bottom:80px;background:#ff9e7655;animation-delay:-2s}@keyframes cubeFloat{50%{transform:translateY(-12px) rotate(35deg)}}.hero-bottom{position:absolute;left:10vw;right:10vw;bottom:28px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#68706f}.ticker{height:62px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:22px;background:#0d1013;color:#929997;font-size:9px;letter-spacing:2px;overflow:hidden}.ticker i{font-style:normal;color:var(--lime)}
.latest,.library,.projects,.about,.community,.contact{padding:125px 10vw}.latest{background:#0b0e11}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:12px}.heading-row h2{font:700 clamp(45px,6vw,76px)/1 "Space Grotesk";letter-spacing:-4px;margin:0}.small-link{font-size:11px;color:var(--lime);transition:transform .25s;display:inline-block}.small-link:hover{transform:translateX(5px)}.section-intro{color:#8d9492;max-width:720px;margin:0 0 42px;font-size:14px}.mod-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px}.loading{grid-column:1/-1;padding:50px;border:1px dashed #30373e;color:#747c7a;text-align:center;border-radius:18px}.loading span{color:var(--lime);margin-left:3px}
.mod-card{max-width:270px;justify-self:center;background:linear-gradient(145deg,#14191f,#0f1317);border:1px solid #293038;border-radius:20px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .35s;transform-style:preserve-3d;box-shadow:0 15px 40px #0004}.mod-card:hover{border-color:#4a5963;box-shadow:0 25px 70px #0008,0 0 35px #72c8ff0c}.mod-image{aspect-ratio:1/1;height:auto;background:radial-gradient(circle at 50% 35%,#294353,#14191f 65%);position:relative;overflow:hidden}.mod-image:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 25%,#fff0 40%,#fff16 55%,transparent 68%);transform:translateX(-130%);transition:transform .7s}.mod-card:hover .mod-image:after{transform:translateX(130%)}.mod-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.mod-card:hover .mod-image img{transform:scale(1.06)}.mod-placeholder{position:absolute;inset:0;display:grid;place-items:center;font:700 54px "Space Grotesk";color:#ffffff13}.mod-type{position:absolute;z-index:2;left:14px;top:14px;background:#080b0ed9;color:var(--lime);padding:6px 8px;border:1px solid #ffffff18;border-radius:7px;font-size:8px;letter-spacing:1.4px}.mod-body{padding:22px}.mod-body h3{font:700 22px "Space Grotesk";margin:0 0 8px;color:#f4f6f4}.mod-body p{color:#969d9b;font-size:12px;line-height:1.6;min-height:58px;margin:0 0 17px}.mod-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #293038;padding-top:13px;color:#737b79;font-size:9px}.mod-meta strong{color:#c7cdca;font-weight:600}.mod-badges{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 15px}.badge{font-size:8px;padding:5px 7px;background:#ffffff07;border:1px solid #343b42;border-radius:100px;color:#9ba29f}.download{display:inline-flex;align-items:center;gap:7px;background:#c9f35a;color:#10120e;padding:8px 11px;border-radius:9px;font-size:9px;font-weight:700;margin-top:15px;transition:transform .25s,box-shadow .25s}.download:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c9f35a25}.project-link{font-size:9px;color:#8e9694;margin-left:10px;transition:color .2s}.project-link:hover{color:#fff}
.library{background:#101419;border-top:1px solid #20262c}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0}.filter{cursor:pointer;border:1px solid #333b42;background:#151a20;color:#9da4a2;padding:10px 15px;border-radius:100px;font:600 10px "DM Sans";transition:all .25s cubic-bezier(.2,.8,.2,1)}.filter:hover{color:#fff;border-color:#58636d;transform:translateY(-3px);box-shadow:0 9px 25px #0008}.filter.active{background:var(--lime);border-color:var(--lime);color:#11140f;box-shadow:0 10px 30px #c9f35a1f}.empty{grid-column:1/-1;padding:45px;text-align:center;color:#777f7d;border:1px dashed #343b42;border-radius:18px}
.youtube-zone{padding:125px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:55px;background:radial-gradient(circle at 20% 30%,#2a2528,#111418 42%,#0b0d10 78%);border-top:1px solid #2a3035;border-bottom:1px solid #2a3035}.yt-panel{position:relative}.yt-symbol{width:58px;height:42px;border-radius:13px;background:#ff4040;color:white;display:grid;place-items:center;padding-left:3px;font-size:15px;margin-bottom:28px;box-shadow:0 10px 35px #ff404030}.yt-panel h2{font:700 clamp(45px,6vw,76px)/.95 "Space Grotesk";letter-spacing:-4px;margin:0}.yt-panel h2 em{font-style:normal;color:#ff9e76}.yt-panel p{max-width:560px;color:#969d9b;font-size:14px;line-height:1.75}.yt-actions{display:flex;gap:10px;margin-top:28px}.yt-cards{display:flex;flex-direction:column;gap:12px;justify-content:center}.yt-card{position:relative;padding:24px 55px 24px 65px;background:#15191e;border:1px solid #30373e;border-radius:18px;min-height:95px;display:flex;flex-direction:column;transition:transform .35s,border-color .25s,background .25s,box-shadow .35s}.yt-card:hover{transform:translateX(8px);border-color:#59636c;background:#1a2026;box-shadow:0 18px 45px #0008}.yt-card span{position:absolute;left:22px;top:24px;color:#68706e;font-size:9px}.yt-card b{font:700 19px "Space Grotesk"}.yt-card small{color:#7e8684;font-size:10px}.yt-card i{position:absolute;right:22px;top:35px;color:#ff9e76;font-style:normal;transition:transform .3s}.yt-card:hover i{transform:translate(4px,-4px)}
.projects{background:#080a0c}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.work-grid article{position:relative;background:#111519;border:1px solid #282f36;border-radius:18px;padding:28px;min-height:250px;transition:transform .3s,border-color .25s,background .25s,box-shadow .3s}.work-grid article:hover{transform:translateY(-7px);border-color:#414b54;background:#14191e;box-shadow:0 20px 50px #0008}.number{position:absolute;right:20px;top:20px;color:#4e5655;font-size:9px}.icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;font-size:21px;margin-bottom:35px;transition:transform .4s}.work-grid article:hover .icon{transform:rotate(8deg) scale(1.1)}.blue{background:#72c8ff18;color:var(--blue)}.green{background:#c9f35a18;color:var(--lime)}.peach{background:#ff9e7618;color:var(--peach)}.purple{background:#a99cff18;color:var(--purple)}.work-grid h3{font:700 22px "Space Grotesk";margin:0 0 8px}.work-grid p{color:#858d8b;font-size:12px}
.featured{display:grid;grid-template-columns:1.1fr .9fr;background:#15191e;border-top:1px solid #2a3036;border-bottom:1px solid #2a3036}.feature-visual{min-height:470px;position:relative;padding:35px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 55% 40%,#5b77b5,#242b43 34%,#11151b 75%)}.feature-visual:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:18%;top:22%;background:radial-gradient(circle at 35% 30%,#fff,#8ba8d0 22%,#343c58 62%,#101217 72%);box-shadow:0 0 100px #a9bcff3a;animation:orbPulse 4s ease-in-out infinite}.feature-visual span{position:relative;z-index:2;font-size:9px;letter-spacing:2px;color:#d6d9de}.feature-visual strong{position:relative;z-index:2;font:700 50px/.88 "Space Grotesk";letter-spacing:-2px}.feature-visual em{font-style:normal;color:#a9d8ff}.feature-copy{padding:65px;display:flex;flex-direction:column;justify-content:center}.feature-copy h2{font:700 43px "Space Grotesk";margin:0 0 10px}.feature-copy p{color:#909795;max-width:500px}.text-link{color:var(--lime);font-size:11px;margin-top:24px;transition:transform .25s;display:inline-block}.text-link:hover{transform:translateX(5px)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#0e1114;border-top:1px solid #292f35;border-bottom:1px solid #292f35;padding:48px 10vw}.stats div{border-right:1px solid #292f35;padding-left:25px}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{display:block;font:700 42px "Space Grotesk";color:#f3f5f3}.stats span{font-size:8px;letter-spacing:1.7px;color:#6f7775}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#111418}.about h2,.community h2,.contact h2{font:700 clamp(46px,6vw,82px)/.94 "Space Grotesk";letter-spacing:-4px;margin:0}.about h2 em,.community h2 em,.contact h2 em{font-style:normal;color:var(--blue)}.about-copy{color:#969c9a;font-size:16px;max-width:650px}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.pill-row span{font-size:8px;letter-spacing:1.4px;padding:7px 9px;border:1px solid #363c42;border-radius:100px;color:#a4aaa8}.community{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#0d1013}.community-copy>p{color:#929895}.socials{display:flex;flex-direction:column;margin-top:30px}.socials a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #2a3035;transition:padding .25s}.socials a:hover{padding-left:8px}.socials b{font:600 18px "Space Grotesk"}.socials span{color:#777f7d;font-size:11px}.contact{text-align:center;background:radial-gradient(circle at 50% 20%,#243a45,#0d1013 60%)}.contact-buttons{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:35px}.contact-buttons a{border:1px solid #394148;background:#171c21;border-radius:100px;padding:12px 19px;font-size:11px;transition:all .25s}.contact-buttons a:hover{background:#c9f35a;color:#10120e;border-color:#c9f35a;transform:translateY(-4px);box-shadow:0 12px 28px #c9f35a22}footer{padding:27px 5vw;background:#080a0c;border-top:1px solid #24292e;display:flex;justify-content:space-between;gap:20px;color:#69706f;font-size:9px}footer b{font:700 20px "Space Grotesk";color:#f2f4f2}
.reveal{animation:reveal .8s both}@keyframes reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:1000px){nav{display:none}.hero{padding:135px 7vw 90px}.hero-art{opacity:.32;right:-120px}.hero h1{letter-spacing:-4px}.latest,.library,.projects,.about,.community,.contact,.youtube-zone{padding:95px 7vw}.mod-grid,.work-grid{grid-template-columns:1fr 1fr}.featured,.about,.community,.youtube-zone{grid-template-columns:1fr}.stats{padding:40px 7vw;grid-template-columns:1fr 1fr;gap:25px}.stats div{border:0;padding:0}.feature-copy{padding:40px}}
@media(max-width:600px){.mod-grid,.work-grid{grid-template-columns:1fr}.heading-row{align-items:flex-start;flex-direction:column}.hero h1{font-size:64px}.hero-art{display:none}.ticker{justify-content:flex-start;padding:0 20px;white-space:nowrap}.stats{grid-template-columns:1fr 1fr}.stats strong{font-size:31px}.cursor-glow,.cursor-dot,.trail-particle{display:none}.yt-actions{flex-direction:column;align-items:flex-start}}

/* V6: smaller project previews + a completely different button interaction */
.btn,.filter,.nav-button,.contact-buttons a,.download{position:relative;overflow:hidden;isolation:isolate}
.btn:before,.filter:before,.nav-button:before,.contact-buttons a:before,.download:before{
 content:"";position:absolute;left:-35%;top:-120%;width:32%;height:340%;
 background:rgba(255,255,255,.20);transform:rotate(22deg) translateX(-220%);
 transition:transform .65s cubic-bezier(.2,.7,.2,1);z-index:-1
}
.btn:hover:before,.filter:hover:before,.nav-button:hover:before,.contact-buttons a:hover:before,.download:hover:before{
 transform:rotate(22deg) translateX(560%)
}
.btn:hover,.filter:hover,.nav-button:hover,.contact-buttons a:hover,.download:hover{
 transform:translateY(-2px) scale(1.025);
}
.btn:active,.filter:active,.nav-button:active,.contact-buttons a:active,.download:active{
 transform:translateY(1px) scale(.97);
}
.btn.main:hover{box-shadow:0 8px 24px #c9f35a20}
.mod-card:hover{transform:translateY(-4px) !important}
@media(max-width:1000px){.mod-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mod-card{max-width:240px}}
@media(max-width:700px){.mod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mod-card{max-width:220px}}
@media(max-width:480px){.mod-grid{grid-template-columns:1fr}.mod-card{max-width:280px}}

/* V7 button system: flat, tactile, animated underline + ripple, no 3D card movement and no glossy sweep */
.btn,.filter,.nav-button,.contact-buttons a,.download{
  transform:none !important;
  transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.btn:before,.filter:before,.nav-button:before,.contact-buttons a:before,.download:before{display:none!important}
.btn:after,.filter:after,.nav-button:after,.contact-buttons a:after,.download:after{
  content:"";position:absolute;left:12px;right:12px;bottom:7px;height:2px;
  background:currentColor;transform:scaleX(0);transform-origin:left;
  transition:transform .3s cubic-bezier(.2,.8,.2,1);opacity:.75
}
.btn:hover:after,.filter:hover:after,.nav-button:hover:after,.contact-buttons a:hover:after,.download:hover:after{
  transform:scaleX(1)
}
.btn:hover,.filter:hover,.nav-button:hover,.contact-buttons a:hover,.download:hover{
  transform:none !important;
}
.btn:active,.filter:active,.nav-button:active,.contact-buttons a:active,.download:active{
  transform:scale(.97) !important;
  transition-duration:.08s;
}
.btn.main:hover{box-shadow:0 8px 22px #c9f35a18}
.filter.active:after{transform:scaleX(.45)}
.mod-card,.yt-card,.work-grid article{
  transform:none !important;
}
.mod-card:hover,.yt-card:hover,.work-grid article:hover{
  transform:translateY(-4px) !important;
}