:root{--bg-dark:#050505;--bg-card:rgba(13,13,15,0.8);--accent-cyan:#00f2ff;--accent-cyan-glow:rgba(0,242,255,0.4);--accent-green:#39ff14;--accent-purple:#bc13fe;--text-primary:#ffffff;--text-secondary:#a1a1aa;--border-color:rgba(255,255,255,0.08);--glass-effect:blur(16px);--max-width:1200px}*{box-sizing:border-box;padding:0;margin:0}::selection{background:var(--accent-cyan);color:#000}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-outfit),sans-serif;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body:after{background-image:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.04;z-index:9999;pointer-events:none}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%}body:before{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:40px 40px;z-index:-1;-webkit-mask-image:radial-gradient(circle at center,black,transparent 80%);mask-image:radial-gradient(circle at center,black,transparent 80%)}h1,h2,h3{font-family:var(--font-outfit),sans-serif;font-weight:600;letter-spacing:-.02em}.terminal-text,code{font-family:var(--font-fira),monospace}.main-nav{position:fixed;top:1rem;left:50%;--tx:-50%;width:calc(100% - 2rem);max-width:var(--max-width);padding:.8rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000}.nav-logo{font-weight:700;font-size:1.2rem;color:var(--accent-cyan);letter-spacing:1px}.nav-links{display:flex;gap:1.5rem;list-style:none;font-size:.9rem}.nav-links a{color:inherit;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:var(--accent-cyan)}.main-content{padding-top:5rem}.main-footer{padding:4rem 2rem;text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color)}.container{padding:0 2rem;max-width:var(--max-width);margin:0 auto}.section-padding{padding:6rem 0}.section-header{margin-bottom:4rem}.section-label{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.section-title{font-size:3rem;font-weight:800}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:4rem;gap:4rem}.contact-info-column{display:flex;flex-direction:column;gap:2rem}.contact-text{font-size:1.1rem;margin-bottom:1rem}.contact-links-list{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:20px}.contact-icon-box{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:14px;font-size:1.5rem;color:var(--accent-cyan)}.contact-details{display:flex;flex-direction:column;gap:.25rem}.contact-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.contact-value{font-size:1.1rem;font-weight:600;color:var(--text-primary);text-decoration:none;word-break:break-all}.server-node-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem}.server-tag{background:rgba(255,255,255,.05);padding:8px 16px;border-radius:8px;font-weight:700;border:1px solid var(--border-color)}.line-divider{flex-grow:1;height:1px;background:linear-gradient(to right,var(--border-color),transparent)}.hero-section{padding:2rem 0 6rem;display:flex;flex-direction:column;align-items:flex-start;gap:2rem;position:relative}.hero-glow{position:absolute;top:20%;right:-10%;width:400px;height:400px;background:var(--accent-cyan-glow);filter:blur(100px);border-radius:50%;opacity:.15;zIndex:-1;pointer-events:none}.hero-badge{font-size:.85rem;color:var(--accent-green);background:rgba(57,255,20,.05);padding:6px 16px;border-radius:100px;border:1px solid rgba(57,255,20,.2);display:flex;align-items:center;gap:8px}.hero-badge-dot{width:6px;height:6px;background:var(--accent-green);border-radius:50%;display:inline-block}.hero-title{font-size:clamp(3rem,10vw,5.5rem);line-height:.9;font-weight:800;letter-spacing:-.04em;background:linear-gradient(to right,var(--accent-cyan),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.9}.hero-description{font-size:1.25rem;color:var(--text-secondary);max-width:800px;line-height:1.6;font-weight:300}.glass{transform:translate(var(--tx,0),var(--ty,0)) translateZ(0);will-change:transform,border-color,background-color,box-shadow;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--bg-card);backdrop-filter:var(--glass-effect);-webkit-backdrop-filter:var(--glass-effect);border:1px solid var(--border-color);border-radius:20px;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),background-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.glass:hover{--ty:-4px;border-color:rgba(0,242,255,.4);background:rgba(20,20,25,.9);box-shadow:0 20px 40px -10px rgba(0,0,0,.5),0 0 20px rgba(0,242,255,.1)}.stack-section{margin:8rem 0 10rem;padding:6rem 4rem;text-align:center;background:rgba(255,255,255,.02);border-radius:40px;border:1px solid var(--border-color);position:relative;overflow:hidden}.stack-glow{position:absolute;bottom:-20%;left:30%;width:300px;height:300px;background:rgba(0,242,255,.05);filter:blur(80px);border-radius:50%;z-index:-1;pointer-events:none}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:2.5rem;gap:2.5rem;align-items:center}.stack-card{flex-direction:column;gap:1.2rem;transition:all .3s ease;padding:1.5rem;border-radius:24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.stack-card,.stack-icon-box{display:flex;align-items:center}.stack-icon-box{width:64px;height:64px;background:rgba(255,255,255,.05);border-radius:18px;justify-content:center;font-size:1.5rem;border:1px solid rgba(255,255,255,.1)}.stack-name{font-size:.9rem;font-weight:700;letter-spacing:.5px;color:var(--text-secondary)}.glitch{position:relative;display:inline-block}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,var(--accent-cyan),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;clip:rect(0,0,0,0);pointer-events:none;will-change:clip-path,transform}.glitch:before{left:2px;text-shadow:-1px 0 rgba(255,0,193,.4);animation:glitch-anim-1 8s linear infinite alternate-reverse}.glitch:after{left:-2px;text-shadow:1px 0 rgba(0,255,249,.4);animation:glitch-anim-2 8s linear infinite alternate-reverse}@keyframes glitch-anim-1{0%,92%,to{clip:rect(0,0,0,0);opacity:0;transform:skew(0)}93%{clip:rect(20px,9999px,10px,0);opacity:1;transform:skew(.5deg)}94%{clip:rect(60px,9999px,50px,0);opacity:1;transform:skew(-.5deg)}95%{clip:rect(10px,9999px,30px,0);opacity:1;transform:skew(.2deg)}96%{clip:rect(80px,9999px,90px,0);opacity:1;transform:skew(0)}}@keyframes glitch-anim-2{0%,92%,to{clip:rect(0,0,0,0);opacity:0;transform:skew(0)}93%{clip:rect(10px,9999px,80px,0);opacity:1;transform:skew(-.5deg)}94%{clip:rect(40px,9999px,30px,0);opacity:1;transform:skew(.5deg)}95%{clip:rect(90px,9999px,10px,0);opacity:1;transform:skew(-.2deg)}96%{clip:rect(20px,9999px,50px,0);opacity:1;transform:skew(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .8s cubic-bezier(.4,0,.2,1) forwards}.project-card-layout{padding:2.5rem;display:flex;flex-direction:column;gap:1.2rem;height:100%;position:relative;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,0))}.deployment-badge{position:absolute;top:1rem;right:1rem;font-size:.6rem;color:var(--accent-green);text-transform:uppercase;letter-spacing:1px;font-weight:700;background:rgba(57,255,20,.05);padding:4px 8px;border-radius:4px;border:1px solid rgba(57,255,20,.2)}.tag-container{display:flex;gap:.6rem;flex-wrap:wrap}.tech-tag{font-size:.7rem;font-weight:700;color:var(--accent-cyan);background:rgba(0,242,255,.1);padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.project-title{font-size:1.75rem;font-weight:700;margin-top:.5rem}.project-description{color:var(--text-secondary);line-height:1.6;font-size:1rem}.project-link{display:inline-flex;align-items:center;gap:.8rem;color:var(--text-primary);text-decoration:none;font-weight:600;font-size:.95rem;transition:gap .3s ease}.project-link:hover{gap:1.2rem;color:var(--accent-cyan)}.service-card-layout{padding:2rem;display:flex;flex-direction:column;gap:1rem;border-left:4px solid var(--accent-cyan);position:relative}.service-header{display:flex;justify-content:space-between;align-items:center}.service-icon{font-size:1.8rem}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:var(--accent-green);text-transform:uppercase}.status-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;box-shadow:0 0 10px var(--accent-green)}.service-name{font-size:1.4rem;font-weight:700;margin:.5rem 0}.service-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.service-link{font-size:.9rem;font-weight:600;color:var(--accent-cyan);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem}.detail-container{min-height:100vh;padding:8rem 2rem;max-width:900px;margin:0 auto}.back-link{--tx:0;transform:translateX(var(--tx));display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-cyan);text-decoration:none;font-weight:600;margin-bottom:3rem;transition:all .3s ease}.back-link:hover{--tx:-5px}.detail-header{margin-bottom:3rem}.detail-title{font-size:4rem;font-weight:800;margin-bottom:1rem}.detail-meta-container{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.detail-content{line-height:1.8;color:var(--text-secondary);margin-bottom:4rem;font-size:1.1rem}.detail-action-button{--ty:0;transform:translateY(var(--ty));display:block;text-align:center;padding:1.5rem;background:var(--accent-cyan);color:#000;border-radius:16px;font-weight:700;font-size:1.2rem;text-decoration:none;box-shadow:0 10px 30px rgba(0,242,255,.3);transition:all .3s ease,box-shadow .3s ease}.detail-action-button:hover{--ty:-5px;box-shadow:0 15px 40px rgba(0,242,255,.5)}.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:4rem}.spec-item{padding:1.5rem;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--border-color)}.spec-label{display:block;font-size:.8rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-weight:700}.spec-value{font-weight:600;font-size:1.1rem}.card-footer{margin-top:auto}@media (max-width:768px){:root{--max-width:100%}.container{padding:0 1.5rem}.section-padding{padding:4rem 0}.main-nav{padding:.6rem 1.2rem;width:calc(100% - 1rem)}.nav-logo{font-size:1rem}.nav-links{gap:.8rem;font-size:.8rem}.section-title{font-size:2.2rem}.hero-title{font-size:clamp(2.5rem,12vw,4rem)}.detail-title{font-size:2.5rem}.grid-auto{grid-template-columns:1fr;gap:1.5rem}.hero-section{padding:2rem 0 4rem}.hero-description{font-size:1.1rem}.stack-section{padding:4rem 1.5rem;margin:4rem 0}.stack-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.stack-card{padding:1rem}.stack-icon-box{width:48px;height:48px;font-size:1.2rem}.contact-grid{grid-template-columns:1fr!important;gap:2rem!important}}@media (max-width:480px){.nav-links{gap:.5rem}.stack-grid{grid-template-columns:repeat(2,1fr)}}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_ed3508{font-family:Outfit,Outfit Fallback;font-style:normal}.__variable_ed3508{--font-outfit:"Outfit","Outfit Fallback"}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/999e639cd9d85971-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/9af6411484c7e20a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e6b5cfd5a74e1cae-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/6aacc40b7795b725-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/67110d8fe39c5e84-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/046b90749014f852-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/3703c28dcda155b1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fira Code Fallback;src:local("Arial");ascent-override:73.56%;descent-override:23.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_13fb82{font-family:Fira Code,Fira Code Fallback;font-style:normal}.__variable_13fb82{--font-fira:"Fira Code","Fira Code Fallback"}