@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#000;--bg-card:#111;--bg-hover:#1f1f1f;--text-primary:#fff;--text-secondary:#a1a1aa;--brand-gradient:linear-gradient(90deg, #f59e0b 0%, #ef4444 33%, #8b5cf6 66%, #3b82f6 100%);--brand-gradient-hover:linear-gradient(90deg, #fbbf24 0%, #f87171 33%, #a78bfa 66%, #60a5fa 100%);--font-family:"Outfit", system-ui, -apple-system, sans-serif;--nav-height:88px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}.text-gradient{background:linear-gradient(90deg, #fff0 0%, #fff0 40%, #fffc 50%, #fff0 60%, #fff0 100%), var(--brand-gradient);-webkit-text-fill-color:transparent;background-size:200%,100%;-webkit-background-clip:text,text;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shine-sweep}@keyframes shine{0%{background-position:200%}to{background-position:-200%}}@keyframes shine-sweep{0%{background-position:200%,50%}to{background-position:-200%,50%}}.header{height:var(--nav-height);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09090bb3;border-bottom:1px solid #ffffff0d;width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.header--hidden{transform:translateY(-100%)}.header-container{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 2rem;display:grid}.header-logo{justify-self:start}.header-logo a{letter-spacing:-.05em;color:var(--text-primary);align-items:center;font-size:1.75rem;font-weight:800;display:flex}.logo-dot{color:#10b981}.header-nav{display:none}@media (width>=768px){.header-nav{gap:2rem;display:flex}}.header-nav a{color:var(--text-secondary);letter-spacing:.02em;font-size:.875rem;font-weight:500;transition:color .2s}.header-nav a:hover{color:var(--text-primary)}.header-actions{justify-self:end;align-items:center;gap:1.5rem;display:flex}.btn-contact{background:var(--text-primary);color:var(--bg-dark);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;transition:opacity .2s,transform .2s}.btn-contact:hover{opacity:.9;transform:translateY(-1px)}.hero{min-height:100vh;padding-top:var(--nav-height);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.hero-container{text-align:center;z-index:10;max-width:800px;margin:12vh auto 0;padding:0 2rem;position:relative}.text-accent{background:linear-gradient(90deg,#38bdf8 0%,#a855f7 35%,#fff 50%,#a855f7 65%,#38bdf8 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shine}.hero-greeting{color:var(--text-secondary);letter-spacing:.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.95rem;display:flex}.hero-name{color:#fff;font-weight:600}.hero-badge{color:#60a5fa;text-transform:uppercase;letter-spacing:.05em;background:#3b82f626;border:1px solid #3b82f64d;border-radius:9999px;padding:.35rem .85rem;font-size:.75rem;font-weight:700}.hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.hero-actions{justify-content:center;align-items:center;gap:1rem;display:flex}.btn-primary{background:var(--brand-gradient);color:#fff;border-radius:9999px;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #3b82f680}.btn-secondary{color:var(--text-primary);background:0 0;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:.75rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.btn-secondary:before{content:"";background:linear-gradient(90deg,#0000,#10b981cc,#0000);width:50%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-secondary:hover{background:#10b9811a;border-color:#10b981;box-shadow:0 0 30px #10b98199,inset 0 0 15px #10b9814d}.btn-secondary:hover:before{left:150%}.hero-glow{filter:blur(40px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f640 0%,#d946ef40 30%,#0000 60%);width:500px;height:500px;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.tech-stack-container{z-index:10;width:100vw;max-width:1200px;margin-top:4rem;margin-bottom:auto;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.tech-stack-title{text-align:center;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:2rem;font-size:.95rem;font-weight:500}.tech-stack-mask{width:100%;overflow:hidden}.tech-stack-track{align-items:center;width:max-content;animation:30s linear infinite scroll;display:flex}.tech-stack-track:hover{animation-play-state:paused}.tech-item{color:var(--text-secondary);cursor:default;justify-content:center;align-items:center;padding:2rem 4rem;font-size:1.75rem;font-weight:500;transition:all .3s;display:flex}.tech-icon{justify-content:center;align-items:center;margin-right:1.25rem;display:flex}.tech-icon svg,.tech-name{transition:all .3s}.tech-item:hover{color:var(--hover-color);animation:1.5s ease-in-out infinite alternate neon-pulse}.tech-item:hover .tech-icon svg{transform:scale(1.15)}.tech-item:hover .tech-name{transform:scale(1.05)}@keyframes neon-pulse{0%{filter:drop-shadow(0 0 2px var(--hover-color)) drop-shadow(0 0 5px var(--hover-color))}to{filter:drop-shadow(0 0 4px var(--hover-color)) drop-shadow(0 0 12px var(--hover-color)) brightness(1.2)}}.tech-icon{justify-content:center;align-items:center;display:flex}.tech-icon svg{width:48px;height:48px}.tech-separator{background-color:#ffffff1a;width:1px;height:40px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-section{border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;min-height:80vh;padding:8rem 0;display:flex;position:relative;overflow:hidden}.about-bg-glow{filter:blur(100px);opacity:.12;z-index:0;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}.glow-cyan{background:var(--brand-cyan,#00f2fe);top:10%;left:5%}.glow-purple{background:var(--brand-purple,#4facfe);bottom:10%;right:5%}.section-container{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.about-header{text-align:center;margin-bottom:2rem}.section-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.about-cards-wrapper{width:100%;padding-top:40px;position:relative}.cable-trunk{border-left:2px dashed #ffffff26;width:2px;height:40px;position:absolute;top:0;left:50%;transform:translate(-50%)}.about-cards-container{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.card-column{flex-direction:column;display:flex}.card-column.left-col{--accent-color:#10b981;--accent-color-rgb:16, 185, 129}.card-column.right-col{--accent-color:#00e5ff;--accent-color-rgb:0, 229, 255}.cable-wrapper{width:100%;height:40px;position:relative}.cable-left .cable-box{border-top:2px dashed #ffffff26;border-left:2px dashed #ffffff26;border-top-left-radius:16px;width:calc(50% + 1.5rem);height:40px;position:absolute;top:0;left:50%}.cable-right .cable-box{border-top:2px dashed #ffffff26;border-right:2px dashed #ffffff26;border-top-right-radius:16px;width:calc(50% + 1.5rem);height:40px;position:absolute;top:0;right:50%}.data-packet{background:var(--accent-color);width:8px;height:8px;box-shadow:0 0 10px var(--accent-color), 0 0 20px var(--accent-color), 0 0 30px var(--accent-color);opacity:0;z-index:5;border-radius:50%;position:absolute}.trunk-packet{left:calc(50% + 1px);transform:translate(-50%)}.card-column:hover .trunk-packet{animation:1.5s linear infinite travel-trunk}@keyframes travel-trunk{0%{opacity:0;top:-4px}5%{opacity:1;top:-4px}30%{opacity:1;top:36px}32%,to{opacity:0;top:36px}}.card-column.left-col:hover .branch-packet{animation:1.5s linear infinite travel-branch-left}@keyframes travel-branch-left{0%,25%{opacity:0;top:-3px;left:calc(100% + 1.5rem - 4px)}30%{opacity:1;top:-3px;left:calc(100% + 1.5rem - 4px)}66%{opacity:1;top:-3px;left:calc(50% + 12px)}68.5%{opacity:1;top:1px;left:calc(50% + 1px)}71%{opacity:1;top:16px;left:calc(50% - 3px)}75%{opacity:1;top:38px;left:calc(50% - 3px)}76%,to{opacity:0;top:38px;left:calc(50% - 3px)}}.card-column.right-col:hover .branch-packet{animation:1.5s linear infinite travel-branch-right}@keyframes travel-branch-right{0%,25%{opacity:0;top:-3px;right:calc(100% + 1.5rem - 4px)}30%{opacity:1;top:-3px;right:calc(100% + 1.5rem - 4px)}66%{opacity:1;top:-3px;right:calc(50% + 12px)}68.5%{opacity:1;top:1px;right:calc(50% + 1px)}71%{opacity:1;top:16px;right:calc(50% - 3px)}75%{opacity:1;top:38px;right:calc(50% - 3px)}76%,to{opacity:0;top:38px;right:calc(50% - 3px)}}@keyframes card-data-pulse-left{0%,74.9%{border-color:#10b98166;box-shadow:0 20px 40px #0006}75%{border-color:#10b981;box-shadow:0 20px 40px #0006,0 0 50px #10b98199}to{border-color:#10b98166;box-shadow:0 20px 40px #0006,0 0 15px #10b98133}}@keyframes card-data-pulse-right{0%,74.9%{border-color:#00e5ff66;box-shadow:0 20px 40px #0006}75%{border-color:#00e5ff;box-shadow:0 20px 40px #0006,0 0 50px #00e5ff99}to{border-color:#00e5ff66;box-shadow:0 20px 40px #0006,0 0 15px #00e5ff33}}.about-card{-webkit-backdrop-filter:blur(20px);opacity:.5;filter:grayscale(.6)brightness(.7);z-index:10;background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;flex:1;padding:3.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.about-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);transition:opacity .5s;position:absolute;inset:0}.about-card:after{content:"";z-index:20;pointer-events:none;opacity:0;background:linear-gradient(90deg,#fff0 0%,#ffffff05 30%,#ffffff1f 50%,#ffffff05 70%,#fff0 100%);width:50%;height:100%;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.card-column.left-col:hover .about-card{opacity:1;filter:grayscale(0)brightness(1.1);animation:1.5s ease-out infinite card-data-pulse-left;transform:translateY(-5px)}.card-column.right-col:hover .about-card{opacity:1;filter:grayscale(0)brightness(1.1);animation:1.5s ease-out infinite card-data-pulse-right;transform:translateY(-5px)}.card-column:hover .about-card:before{opacity:1}.card-column:hover .about-card:after{animation:4.5s linear 1.125s infinite card-shimmer}@keyframes card-shimmer{0%,66.5%{opacity:0;left:-100%}66.6%{opacity:1;left:-100%}93.3%{opacity:1;left:150%}93.4%,to{opacity:0;left:150%}}.card-icon-wrapper{background:linear-gradient(135deg, rgba(var(--accent-color-rgb), .1), rgba(var(--accent-color-rgb), .02));width:64px;height:64px;color:var(--accent-color);border:1px solid rgba(var(--accent-color-rgb), .2);border-radius:16px;justify-content:center;align-items:center;margin-bottom:2rem;transition:all .4s;display:inline-flex}.card-column:hover .card-icon-wrapper{background:linear-gradient(135deg, rgba(var(--accent-color-rgb), .2), rgba(var(--accent-color-rgb), .05));border-color:rgba(var(--accent-color-rgb), .4);box-shadow:0 0 15px rgba(var(--accent-color-rgb), .3);transform:scale(1.05)}.card-icon-wrapper svg{width:32px;height:32px}.card-title{color:var(--text-primary);margin-bottom:1.25rem;font-size:1.75rem;font-weight:700}.card-text{color:var(--text-secondary);font-size:1.1rem;font-weight:400;line-height:1.8}@media (width<=900px){.about-cards-container{grid-template-columns:1fr;gap:2rem}.section-title{font-size:2.5rem}.about-card{padding:2.5rem}.cable-horizontal,.cable-trunk{display:none}.cable-wrapper{height:30px}.cable-box{border-top:none!important;border-left:2px dashed #ffffff26!important;border-right:none!important;border-radius:0!important;width:2px!important;height:30px!important;left:50%!important}}.mascot-skeleton,.projects-skeleton{border-bottom:1px dashed #ffffff1a;justify-content:center;align-items:center;min-height:80vh;display:flex}.services-skeleton{justify-content:center;align-items:center;min-height:80vh;display:flex}