:root{--bg-dark:#020617;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #020617 100%);--accent-primary:#8b5cf6;--accent-secondary:#06b6d4;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 4px 30px #0000001a}*{box-sizing:border-box;margin:0;padding:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}html{scrollbar-color:#8b5cf68c transparent}body{background:var(--bg-dark);color:var(--text-primary);-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}::selection{color:#fff;background:#8b5cf659}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(#8b5cf680,#06b6d473);border:2px solid #020617;border-radius:100px}:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:3px;border-radius:8px}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}.glass-panel{-webkit-backdrop-filter:blur(16px)saturate(150%)brightness(1.15);background:linear-gradient(135deg,#ffffff14 0%,#ffffff03 100%);border:1px solid #ffffff1a;border-color:#ffffff4d #ffffff1a #ffffff1a #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #ffffff1a}.text-gradient{background:linear-gradient(to right, var(--accent-secondary), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), #6d28d9);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background .3s,box-shadow .3s;display:inline-flex}.btn-primary:hover{box-shadow:0 10px 20px #8b5cf64d}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background .3s,box-shadow .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{z-index:1000;border-radius:100px;width:90%;max-width:800px;padding:1rem 0;transition:background .35s,box-shadow .35s;position:fixed;top:1rem;left:50%;translate:-50%}.navbar-scrolled{background:linear-gradient(135deg,#0f172ab8 0%,#0f172a80 100%);box-shadow:0 12px 40px #00000073}.nav-container{justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.nav-brand{align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.brand-icon{color:var(--accent-primary)}.nav-links{gap:.35rem;display:flex;position:relative}.nav-indicator{pointer-events:none;background:#ffffff12;border:1px solid #ffffff17;border-radius:100px;height:calc(100% + 6px);position:absolute;top:50%;left:0;translate:0 -50%;box-shadow:0 6px 18px #00000040}.nav-link{z-index:1;color:var(--text-secondary);border-radius:100px;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.95rem;font-weight:500;transition:color .3s;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}@media (width<=600px){.nav-container{padding:0 1rem}.nav-brand .brand-text{display:none}.nav-links{gap:.15rem}.nav-link{padding:.4rem .6rem;font-size:.85rem}}.shader-background{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0}.shader-canvas{width:100%;height:100%;display:block}.shader-background.hero-smoke{z-index:0;opacity:.9;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(72% 64% at 50% 46%,#000 36%,#0000 100%);mask-image:radial-gradient(72% 64% at 50% 46%,#000 36%,#0000 100%)}.marquee{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;width:100%;padding:1.4rem 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;animation:36s linear infinite marquee-scroll;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-list{align-items:center;gap:2.75rem;padding-right:2.75rem;list-style:none;display:flex}.marquee-item{white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:.75rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;display:inline-flex}.marquee-dot{background:linear-gradient(135deg, var(--accent-secondary), var(--accent-primary));opacity:.8;border-radius:50%;width:6px;height:6px}@keyframes marquee-scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.portfolio-page{padding-top:8rem;padding-bottom:4rem}.hero-section{justify-content:space-between;align-items:center;gap:4rem;max-width:1400px;min-height:70vh;margin:0 auto;padding:0 5%;display:flex;position:relative}.hero-content{z-index:1;flex:1;max-width:600px;position:relative}.badge{color:var(--accent-secondary);margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-block}.hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:4rem;font-weight:700;line-height:1.1}.hero-3d-layer{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-line,.title-line{will-change:transform, opacity;text-align:inherit!important}.hero-subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.hero-actions{gap:1rem;display:flex}.hero-scroll{z-index:1;color:var(--text-secondary);opacity:.75;flex-direction:column;align-items:center;gap:.6rem;display:flex;position:absolute;bottom:4%;left:50%;translate:-50%}.hero-scroll-mouse{border:1px solid #ffffff38;border-radius:12px;width:22px;height:36px;position:relative}.hero-scroll-dot{background:var(--accent-secondary);border-radius:50%;width:4px;height:4px;animation:1.8s ease-in-out infinite scroll-dot;position:absolute;top:6px;left:50%;translate:-50%}.hero-scroll-label{letter-spacing:.22em;text-transform:uppercase;font-size:.68rem}@keyframes scroll-dot{0%{opacity:1;transform:translateY(0)}65%{opacity:0;transform:translateY(14px)}to{opacity:0;transform:translateY(0)}}.hero-visual{z-index:1;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.glow-orb{filter:blur(80px);z-index:-1;opacity:.5;border-radius:50%;width:300px;height:300px;animation:6s ease-in-out infinite alternate float;position:absolute}.glow-orb.primary{background:var(--accent-primary);top:-50px;right:0}.glow-orb.secondary{background:var(--accent-secondary);animation-delay:-3s;bottom:-50px;left:0}@keyframes float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-20px)scale(1.05)}}.code-window{background:#0f172a99;width:100%;max-width:450px;overflow:hidden}.window-header{border-bottom:1px solid var(--glass-border);background:#0003;gap:.5rem;padding:.75rem 1rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.code-content{color:#e2e8f0;text-align:left;white-space:pre;padding:1.5rem;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto}.keyword{color:#c678dd}.variable{color:#e5c07b}.property{color:#61afef}.string{color:#98c379}.parallax-layer{z-index:0;pointer-events:none;position:absolute;inset:0}.parallax-deep{filter:blur(40px);background:radial-gradient(60% 55% at 78% 18%,#8b5cf629,#0000 70%)}.parallax-mid{filter:blur(40px);background:radial-gradient(55% 50% at 12% 78%,#06b6d424,#0000 70%)}.projects-section{padding:6rem 0;position:relative}.hero-fx-clip,.parallax-clip{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.projects-parallax{filter:blur(60px);background:radial-gradient(45% 40% at 20% 30%,#8b5cf61f,#0000 70%),radial-gradient(40% 35% at 85% 70%,#06b6d41a,#0000 70%);inset:-25% 0}.projects-section .container{z-index:1;position:relative}.section-title{text-align:center;margin-bottom:3rem;font-size:2.5rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.project-card{will-change:transform;padding:2rem;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.project-card:after{content:"";border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #8b5cf629, transparent 45%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.project-card:hover:after{opacity:1}.project-card:hover{border-color:#8b5cf64d;box-shadow:0 10px 30px #8b5cf626}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.project-icon{color:var(--accent-primary)}.project-link{color:var(--text-secondary);transition:color .2s}.project-link:hover{color:var(--accent-secondary)}.project-title{margin-bottom:1rem;font-size:1.5rem}.project-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:.5rem;display:flex}.tech-badge{color:#a78bfa;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:100px;padding:.25rem .75rem;font-size:.75rem}@media (width<=1160px) and (width>=901px){.hero-title{font-size:3.2rem}}@media (width<=900px){.hero-section{text-align:center;flex-direction:column;padding-top:2rem}.hero-actions{justify-content:center}.hero-title{font-size:3rem}.parallax-deep,.parallax-mid{filter:blur(24px)}.projects-parallax{filter:blur(32px)}.hero-scroll{display:none}}@media (width<=600px){.code-content{padding:1rem;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.glow-orb,.hero-scroll-dot{animation:none}}.portal-page{min-height:100vh;padding-top:8rem;padding-bottom:4rem}.portal-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:3rem;display:flex}.security-badge{color:#10b981;border:1px solid #10b9814d;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.shield-icon{color:#10b981}.portal-title{margin-bottom:1rem;font-size:3.5rem}.portal-subtitle{color:var(--text-secondary);font-size:1.1rem}.system-status{background:#0f172a66;justify-content:space-around;align-items:center;margin-bottom:4rem;padding:1.5rem 2rem;display:flex}.status-item{align-items:center;gap:1.5rem;display:flex}.status-icon{background:#ffffff0d;border-radius:12px;width:48px;height:48px;padding:.75rem}.status-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem}.status-value{font-size:1.1rem;font-weight:600}.active-status{color:#10b981}.status-divider{background:var(--glass-border);width:1px;height:40px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.service-card{align-items:center;gap:1.5rem;padding:1.5rem;transition:background .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.service-card:hover{background:#ffffff0d;border-color:#ffffff26}.service-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.service-info{flex:1}.service-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.service-name{font-size:1.2rem;font-weight:600}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator.online{background:#10b981;box-shadow:0 0 10px #10b98180}.service-desc{color:var(--text-secondary);font-size:.9rem}.service-hover-indicator{opacity:0;color:var(--accent-primary);transition:all .3s;position:absolute;right:1.5rem;transform:translate(-10px)}.service-card:hover .service-hover-indicator{opacity:1;transform:translate(0)}.stat-header{justify-content:space-between;align-items:flex-end;margin-bottom:.5rem;display:flex}.stat-bar-bg{background:#ffffff1a;border-radius:4px;width:100%;height:6px;overflow:hidden}.stat-bar-fill{border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}@media (width<=768px){.system-status{flex-direction:column;gap:1.5rem}.status-divider{width:100%;height:1px}}.brand-icon{vertical-align:middle;color:var(--accent-primary);margin-right:.5rem}@media (width<=768px){.portal-page{padding-top:6.5rem}.portal-title{font-size:2.5rem}.system-status{flex-direction:column;align-items:flex-start;gap:1.5rem}.status-divider{width:100%;height:1px}.status-item{width:100%}.services-grid{grid-template-columns:1fr}}.portal-bg{z-index:-1;pointer-events:none;background:radial-gradient(55% 45% at 12% 8%,#06b6d41a,#0000 70%),radial-gradient(50% 45% at 88% 18%,#8b5cf61f,#0000 70%),radial-gradient(45% 40% at 50% 105%,#8b5cf612,#0000 70%);position:fixed;inset:0}.status-indicator.online{animation:2.4s ease-out infinite status-pulse}@keyframes status-pulse{0%{box-shadow:0 0 #10b98173,0 0 10px #10b98166}70%{box-shadow:0 0 0 9px #10b98100,0 0 10px #10b98166}to{box-shadow:0 0 #10b98100,0 0 10px #10b98166}}.service-card:after{content:"";border-radius:inherit;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%), #ffffff0f, transparent 45%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.service-card:hover:after{opacity:1}.service-card{will-change:transform}@media (prefers-reduced-motion:reduce){.status-indicator.online{animation:none}}.mc-page{min-height:100vh;padding-top:7.5rem;padding-bottom:4rem}.mc-hero{border:1px solid #10b98140;margin-bottom:1.75rem;padding:2.25rem}.mc-badges{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.mc-status-pill,.mc-badge{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.mc-status-pill.online{color:#10b981;background:#10b9811f;border-color:#10b98159}.mc-status-pill.offline{color:#f87171}.mc-badge.voice{color:#38bdf8;border-color:#38bdf84d}.mc-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.mc-title{margin-bottom:.5rem;font-size:2.6rem}.mc-subtitle{color:var(--text-secondary);max-width:720px;margin-bottom:1.5rem}.mc-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mc-ip-btn{color:#fff;cursor:pointer;background:#0f172abf;border:1px solid #10b98166;border-radius:12px;align-items:center;gap:.6rem;padding:.7rem 1.1rem;font-size:.95rem;transition:transform .2s,border-color .2s;display:inline-flex}.mc-ip-btn:hover{border-color:#10b981;transform:translateY(-2px)}.mc-ip-label{color:var(--text-secondary);font-weight:600}.mc-ip-btn code{color:#10b981;font-size:1rem;font-weight:700}.mc-ip-hint{color:var(--text-secondary);font-size:.8rem}.copied-icon{color:#10b981}.mc-dl-btn{color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.mc-dl-btn.primary{background:linear-gradient(135deg,#06b6d440,#8b5cf640);border-color:#06b6d473}.mc-dl-btn:hover{border-color:#ffffff59;transform:translateY(-2px)}.mc-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.75rem;display:grid}.mc-stat-card{align-items:center;gap:1rem;padding:1.15rem 1.35rem;display:flex}.mc-stat-value{font-size:1.4rem;font-weight:700}.mc-stat-label{color:var(--text-secondary);font-size:.82rem}.mc-section{margin-bottom:1.75rem;padding:1.75rem}.mc-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.mc-section-title{align-items:center;gap:.55rem;margin-bottom:.25rem;font-size:1.4rem;display:flex}.mc-section-desc{color:var(--text-secondary);font-size:.9rem}.mc-map-frame-wrap{background:#0b0f19;border:1px solid #ffffff1f;border-radius:14px;width:100%;height:560px;overflow:hidden}.mc-map-iframe{border:0;width:100%;height:100%}.mc-progress-summary{flex-direction:column;align-items:flex-end;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.mc-milestones-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;display:grid}.mc-milestone{opacity:.65;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;gap:.85rem;padding:1rem;display:flex}.mc-milestone.done{opacity:1;background:#10b98114;border-color:#10b98159}.mc-milestone-icon{color:var(--text-secondary);margin-top:.1rem}.mc-milestone.done .mc-milestone-icon{color:#10b981}.mc-milestone-body h4{margin-bottom:.2rem;font-size:.98rem}.mc-milestone-body p{color:var(--text-secondary);font-size:.82rem}.mc-unlocked-by{color:#10b981;margin-top:.35rem;font-size:.75rem;font-weight:600;display:inline-block}.mc-empty{color:var(--text-secondary);padding:1rem 0}.mc-table-wrap{overflow-x:auto}.mc-players-table{border-collapse:collapse;text-align:left;width:100%}.mc-players-table th,.mc-players-table td{border-bottom:1px solid #ffffff12;padding:.85rem 1rem}.mc-players-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem}.mc-player-cell{align-items:center;gap:.75rem;display:flex}.mc-avatar{border-radius:6px;width:32px;height:32px}.mc-player-name{font-weight:600}.mc-online-tag{color:#10b981;font-size:.85rem;font-weight:600}.mc-offline-tag{color:var(--text-secondary);font-size:.85rem}@media (width<=768px){.mc-title{font-size:1.9rem}.mc-map-frame-wrap{height:400px}}.intro-overlay{z-index:3000;will-change:transform;background:radial-gradient(60% 50% at 50% 42%,#8b5cf624,#0000 70%),radial-gradient(45% 40% at 62% 68%,#06b6d41a,#0000 70%),#020617;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0}.intro-wordmark{letter-spacing:-.02em;gap:.6ch;font-family:Outfit,sans-serif;font-size:clamp(2.6rem,9vw,5rem);font-weight:700;line-height:1.05;display:flex}.intro-word{vertical-align:bottom;display:inline-block}.intro-word-inner{opacity:0;display:inline-block;transform:translateY(115%)}.intro-meta{align-items:center;gap:1rem;width:min(340px,68vw);display:flex}.intro-bar{background:#ffffff14;border-radius:2px;flex:1;height:2px;overflow:hidden}.intro-bar-fill{background:linear-gradient(90deg, var(--accent-secondary), var(--accent-primary));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.intro-counter{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right;min-width:3.6ch;font-family:Fira Code,monospace;font-size:.8rem}html.intro-lock,html.intro-lock body{overflow:hidden}.footer{background:linear-gradient(#0000,#8b5cf60d);border-top:1px solid #ffffff0f;margin-top:4rem;padding:3.5rem 0 2rem;position:relative}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.footer-name{align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;display:inline-flex}.footer-tag{color:var(--text-secondary);max-width:320px;margin-top:.6rem;font-size:.9rem}.footer-nav{gap:1.5rem;padding-top:.35rem;display:flex}.footer-link{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .25s}.footer-link:hover{color:var(--text-primary)}.footer-bottom{color:var(--text-secondary);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1.5rem;font-size:.8rem;display:flex}.footer-top{width:42px;height:42px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;font-size:1.05rem;transition:box-shadow .3s,border-color .3s;display:inline-flex}.footer-top:hover{border-color:#8b5cf659;box-shadow:0 10px 30px #8b5cf62e}@media (width<=700px){.footer-inner{flex-direction:column}.footer-bottom{gap:1rem}}