:root{--bg-color:color-mix(in srgb,var(--accent)2%,#000);--bg-gradient-center:color-mix(in srgb,var(--accent)10%,#000);--text-main:#fff;--text-muted:#a0a0a0;--accent:#f44;--accent-glow:#ff444480;--accent-gradient:linear-gradient(135deg,#f05 0%,#f44 50%,#f80 100%);--accent-gradient-hover:linear-gradient(135deg,#f05 0%,#f33 50%,#f60 100%);--glass-bg:#14050573;--glass-border:#ffffff26;--glass-highlight:#ffffff0d;--glass-shadow:0 8px 32px 0 #00000080}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%}#root{width:100%;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-color,var(--accent-gradient));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gradient-hover)}body{background:var(--bg-color);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.animated-background{z-index:-1;background-color:var(--bg-color);background-image:radial-gradient(circle at 50% 50%,var(--bg-gradient-center)0%,transparent 80%);background-position:50%;background-size:100% 100%;width:100%;height:100%;position:fixed;top:0;left:0}.mouse-glow,.mouse-dots{pointer-events:none;z-index:1;width:100%;height:100%;transition:opacity .25s,background .1s,-webkit-mask-image .1s,mask-image .1s;position:absolute;top:0;left:0}.mouse-dots{background-image:radial-gradient(#ffffff1c 1.5px,#0000 1.5px);background-position:0 0;background-size:25px 25px}.nav-shell{z-index:1000;pointer-events:auto;height:110px;position:fixed;top:0;left:0;right:0}.navbar{pointer-events:none;opacity:.75;justify-content:center;width:100%;padding:0 20px;transition:top .45s cubic-bezier(.16,1,.3,1),opacity .35s;display:flex;position:absolute;top:-24px;left:0;right:0}.nav-shell:hover .navbar,.navbar:hover{opacity:1;top:20px}.nav-peek-arrow{color:#ffffffbf;text-shadow:0 0 12px var(--accent-glow);pointer-events:none;font-size:1.4rem;line-height:1;transition:opacity .25s,transform .35s;animation:1.8s ease-in-out infinite arrowPeek;position:absolute;top:42px;left:50%;transform:translate(-50%)}.nav-shell:hover .nav-peek-arrow{opacity:0;transform:translate(-50%)translateY(8px)}@keyframes arrowPeek{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(5px)}}@media (min-width:1024px){.navbar{justify-content:center;padding-right:0}}.nav-container{pointer-events:auto;align-items:center;gap:16px;display:flex}.nav-logo-glass{transition:transform .3s;border:1px solid var(--accent)!important}.nav-logo-glass .glass-surface__content{padding:0}.nav-avatar{object-fit:cover;border:1px solid var(--accent-glow);border-radius:50%;width:32px;height:32px}.nav-tabs-glass{position:relative;box-shadow:0 4px 20px #0006;border:1px solid #ffffff14!important;border-radius:100px!important}.nav-tabs-glass .glass-surface__content{gap:8px;padding:8px;display:flex;position:relative}.nav-tabs-track{gap:8px;display:flex;position:relative}.nav-scroll-btn{display:none}.nav-liquid-indicator{background:var(--accent-gradient);box-shadow:0 4px 15px var(--accent-glow);z-index:1;border:none;border-radius:100px;transition:all .4s cubic-bezier(.23,1,.32,1);position:absolute;top:0;bottom:0}.nav-tab{z-index:2;color:#ffffff80;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:0 0;border:none;border-radius:100px;padding:8px 26px;font-size:.82rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.nav-tab.active{color:#fff;text-shadow:0 0 15px #fff9}.nav-tab:hover:not(.active){color:#fff;text-shadow:0 0 10px #ffffff4d;transform:translateY(-2px)}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.content-section{min-height:100vh;padding-top:100px;padding-bottom:50px;animation:.5s forwards fadeIn}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;display:flex}.profile-image img{border:3px solid var(--accent);width:160px;height:160px;box-shadow:0 0 30px var(--accent-glow);object-fit:cover;border-radius:50%;animation:3s infinite pulseRed}@keyframes pulseRed{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 20px #0000}to{box-shadow:0 0 #0000}}.main-title{-webkit-text-fill-color:transparent;background:linear-gradient(#fff,#aaa);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800}.highlight{background:linear-gradient(45deg,var(--accent),#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.view-badge{border:1px solid var(--accent);color:#fff;box-shadow:0 0 15px var(--accent-glow);background:#0006;border-radius:50px;align-items:center;gap:8px;margin:20px 0;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.contact-btn{text-align:center;background:var(--accent-gradient);-webkit-backdrop-filter:blur(10px);color:#fff;letter-spacing:1px;cursor:pointer;width:100%;max-width:450px;box-shadow:0 8px 25px var(--accent-glow);border:none;border-radius:100px;padding:14px 40px;font-size:1.1rem;font-weight:800;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block;position:relative;overflow:hidden}.contact-btn:hover{background:var(--accent-gradient-hover);box-shadow:0 15px 35px var(--accent-glow);color:#fff;transform:translateY(-5px)scale(1.03)}.contact-btn:active{transform:translateY(0)scale(.98)}.section-title{text-align:center;margin-bottom:60px;font-size:3rem;font-weight:800}.work-type-container,.filter-container{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.work-type-container{margin-bottom:18px}.filter-container{margin-bottom:40px}.work-type-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border-radius:18px;padding:14px 34px;font-size:1rem;font-weight:900;transition:all .3s}.work-type-btn:hover{border-color:var(--accent);box-shadow:0 0 18px var(--accent-glow);transform:translateY(-3px)}.work-type-btn.active{background:var(--accent-gradient);border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.filter-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .3s}.filter-btn:hover{background:var(--accent-glow);color:#fff}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.work-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.work-item{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);cursor:pointer;border-radius:20px;min-height:280px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e,inset 0 1px #ffffff1a}.work-item:hover{border-color:var(--accent);transform:translateY(-10px)}.rig-card,.model-card{cursor:pointer;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);background:#ffffff09;border-radius:26px;padding:12px 12px 18px;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0d}.rig-card:hover,.model-card:hover{border-color:var(--accent);box-shadow:0 12px 36px #00000073,0 0 18px var(--accent-glow);transform:translateY(-8px)}.rig-media,.model-media{border-radius:18px;min-height:280px}.rig-media:hover,.model-media:hover{transform:none}.rig-info{text-align:center;max-width:88%;margin:18px auto 0}.rig-title{color:#fff;letter-spacing:.7px;text-shadow:0 0 16px #ffffff47,0 6px 18px #000000bf;font-size:1.28rem;font-weight:900;line-height:1.1;transition:transform .3s}.rig-title:after{content:"";background:var(--accent-gradient);width:42px;height:3px;box-shadow:0 0 14px var(--accent-glow);border-radius:999px;margin:9px auto 0;display:block}.rig-description{color:var(--text-muted);letter-spacing:.2px;margin-top:8px;font-size:.88rem;font-weight:700;line-height:1.35}.rig-card:hover .rig-title{transform:translateY(-2px)}.rig-card:hover .rig-description{color:color-mix(in srgb,var(--accent)45%,#fff)}.model-3d{background:radial-gradient(circle at 35% 25%,#ffffff29,transparent 28%),radial-gradient(circle at 60% 60%,color-mix(in srgb,var(--accent)16%,transparent),transparent 45%),linear-gradient(145deg,#252525 0%,#101010 48%,#050505 100%);--poster-color:transparent;width:100%;height:280px}.loading-overlay{background:color-mix(in srgb,var(--accent)6%,#000);z-index:10;pointer-events:none;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.loading-overlay.hidden{opacity:0;pointer-events:none}.center-loader{justify-content:center;margin-top:50px;display:flex}.spinner{border:4px solid var(--accent-glow);border-top:4px solid var(--accent);width:40px;height:40px;box-shadow:0 0 15px var(--accent-glow);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{text-align:center;color:var(--accent);margin-top:20px;font-weight:700}.work-overlay{opacity:0;z-index:5;background:linear-gradient(#0000,#000000f2);padding:30px 20px 20px;transition:all .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.work-item:hover .work-overlay{opacity:1;transform:translateY(0)}.work-overlay h3{color:var(--accent);margin-bottom:5px}.contact-section{flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding-bottom:40px;display:flex}.contact-wrapper{flex-direction:column;gap:40px;width:100%;max-width:800px;display:flex}.contact-cards{flex-direction:column;gap:20px;display:flex}.contact-card{-webkit-backdrop-filter:blur(20px);background:#0a050580;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:20px;padding:25px 30px;transition:all .3s;animation:.5s forwards fadeInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.contact-card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);transform:translate(10px)}.contact-icon{background:var(--accent-gradient);width:32px;height:32px;filter:drop-shadow(0 0 5px var(--accent));opacity:.95;-webkit-mask:var(--icon-url)center/contain no-repeat;-webkit-mask:var(--icon-url)center/contain no-repeat;mask:var(--icon-url)center/contain no-repeat;display:block}.card-info{text-align:left;flex-direction:column;display:flex}.label{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:.85rem;font-weight:700}.value{color:#fff;font-size:1.2rem;font-weight:500}.contact-cta-box{text-align:center;margin-top:20px;animation:1s forwards fadeIn}.contact-cta-box h3{color:#e0e0e0;margin-bottom:25px;font-size:1.5rem}.discord-btn{color:#fff;background:#5865f2;border-radius:12px;padding:18px 40px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block;box-shadow:0 4px 15px #5865f266}.discord-btn:hover{background:#4752c4;transform:scale(1.05);box-shadow:0 8px 25px #5865f299}.popup-overlay{z-index:2000;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-container{background:color-mix(in srgb,var(--accent)4%,#000);border:1px solid var(--accent);width:90%;max-width:1000px;box-shadow:0 0 50px var(--accent-glow);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.popup-info{background:var(--accent);color:#000;text-align:center;padding:15px;font-weight:700}.popup-model-viewer{background:radial-gradient(circle at 35% 25%,#ffffff29,transparent 28%),radial-gradient(circle at 60% 60%,color-mix(in srgb,var(--accent)16%,transparent),transparent 45%),linear-gradient(145deg,#252525 0%,#101010 48%,#050505 100%);--poster-color:transparent;width:100%;height:70vh}.popup-video{object-fit:contain;background:#000;width:100%;max-height:70vh}.popup-close{color:#fff;cursor:pointer;z-index:2002;text-align:center;background:#00000080;border-radius:50%;width:40px;height:40px;font-size:30px;line-height:40px;position:absolute;top:20px;right:20px}.sukuna-animation{opacity:0;pointer-events:none;z-index:2001;width:min(500px,80vw);filter:drop-shadow(0 0 30px var(--accent));mix-blend-mode:lighten;transition:all .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.sukuna-animation.animate{opacity:.6;transform:translate(-50%,-50%)scale(1)}@media (max-width:768px){.sukuna-animation.animate{transform:translate(-50%,-50%)scale(.7)}}.footer-container{z-index:10;background:linear-gradient(#0000 0%,#000 100%);border-top:1px solid #ffffff0d;margin-top:50px;padding:30px 20px;position:relative}.footer-content{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:.9rem;display:flex}.footer-links a,.footer-credit{color:var(--text-muted);text-decoration:none}.footer-links a:hover,.footer-credit:hover{color:var(--accent)}.copyright{font-weight:500}.separator{color:var(--accent)}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.main-title{font-size:2.8rem}.navbar{padding:0 12px}.nav-container{gap:10px;width:100%}.nav-tabs-glass{flex:auto;min-width:0;max-width:calc(100vw - 90px)}.nav-tabs-glass .glass-surface__content{gap:6px;padding:7px}.nav-tabs-track{scroll-snap-type:x mandatory;scrollbar-width:none;flex:auto;min-width:0;overflow:auto hidden}.nav-tabs-track::-webkit-scrollbar{display:none}.nav-tab{letter-spacing:1px;white-space:nowrap;scroll-snap-align:start;flex:0 0 calc(50% - 4px);padding:8px 6px;font-size:.68rem}.nav-scroll-btn{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:34px;font-size:1.35rem;line-height:1;display:flex}.nav-logo-glass{flex:0 0 44px;width:44px!important;height:44px!important}.contact-card{text-align:center;flex-direction:column;padding:20px}.contact-card:hover{transform:translateY(-5px)}.card-info{text-align:center;align-items:center}.discord-btn{text-align:center;width:100%}}.status-indicator{border:1px solid var(--status-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14050599;border-radius:50px;align-items:center;gap:8px;margin-top:15px;margin-bottom:10px;padding:6px 16px;animation:1s forwards fadeIn;display:inline-flex;box-shadow:0 0 15px #0000004d}.status-dot{background-color:var(--status-color);width:10px;height:10px;box-shadow:0 0 10px var(--status-color);border-radius:50%;animation:2s infinite pulseStatus}.status-indicator span{color:#fff;text-shadow:0 0 5px var(--status-color);font-size:.9rem;font-weight:600}@keyframes pulseStatus{0%{opacity:1;box-shadow:0 0 0 0 var(--status-color)}70%{opacity:.8;box-shadow:0 0 0 5px #0000}to{opacity:1;box-shadow:0 0 #0000}}.interaction-tip{text-align:center;color:var(--text-muted);opacity:.8;margin-top:15px;margin-bottom:40px;font-size:.95rem;font-style:italic}.interaction-tip strong{color:var(--accent);font-weight:700}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50vw)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50vw)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50vh)}to{opacity:1;transform:translateY(0)}}.anim-slide-left{animation:1s cubic-bezier(.16,1,.3,1) forwards slideInLeft}.anim-slide-right{animation:1s cubic-bezier(.16,1,.3,1) forwards slideInRight}.anim-slide-up{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards slideInUp}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.3s}.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff59),inset 0 0 10px 4px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15)),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804)}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}