html,body{max-width:100%;overflow-x:hidden}body{scrollbar-gutter:stable both-edges;overscroll-behavior:auto;touch-action:pan-y;overflow-y:auto}body.no-scrollbar{scrollbar-gutter:auto;-ms-overflow-style:none;scrollbar-width:none}body.no-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}main,.main-content,.page-container,.content-wrapper{overflow:visible}.terminal-prompt{color:#00ff41;align-items:center;margin-bottom:8px;display:flex}.terminal-prompt:before{content:"$ ";color:#00ff41;font-weight:700}.terminal-output{color:#ccc;margin-bottom:12px;padding-left:12px}.terminal-cursor{background:#00ff41;width:8px;height:16px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-animation{white-space:nowrap;animation:3s steps(40,end) typing,.75s step-end infinite blink-caret;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}.code-decoration{font-family:var(--font-code);color:#00ff41;box-sizing:border-box;background:#00ff411a;border:1px solid #00ff4133;border-radius:4px;width:100%;margin:16px 0;padding:12px 16px;font-size:12px;display:block;position:relative}.service-card .code-decoration{background:#00ff4114;border:1px solid #00ff4126;margin:12px 0 20px}.code-decoration:before{content:"";background:#00ff41;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:8px;box-shadow:12px 0 #ffbd2e,24px 0 #ff5f57}.code-line{font-size:12px;line-height:1.4;font-family:var(--font-code);margin:4px 0;display:block}.service-card .code-line{margin:3px 0;font-size:11px}.code-comment{color:#666}.service-card .code-comment{color:#888}.code-string{color:gold}.service-card .code-string{color:#f4d049}.code-keyword{color:#ff6b9d}.service-card .code-keyword{color:#e85a8a}.code-function{color:#00bfff}.service-card .code-function{color:#4db8e8}.tech-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:32px 0;display:grid}.metric-card{text-align:center;background:#000000b3;border:1px solid #00ff414d;border-radius:8px;padding:20px;position:relative;overflow:hidden}.metric-card:before{content:"";background:linear-gradient(90deg,#0000,#00ff41,#0000);width:100%;height:2px;animation:2s linear infinite scan;position:absolute;top:0;left:-100%}@keyframes scan{0%{left:-100%}to{left:100%}}.metric-value{color:#00ff41;font-size:2.5rem;font-weight:700;font-family:var(--font-code);margin-bottom:8px;animation:2s ease-out counter;display:block}.metric-label{color:#ccc;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.metric-unit{color:#00bfff;font-size:.8em}@keyframes counter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.terminal-command{font-family:var(--font-code);color:#00ff41;isolation:isolate;background:#000c;border:1px solid #00ff414d;border-radius:6px;min-width:300px;margin:16px 0;padding:12px 16px;font-size:14px;display:inline-block;mix-blend-mode:normal!important;filter:none!important}.command-prefix{color:#00bfff;font-weight:700}.command-flag{color:gold}.command-arg{color:#ff6b9d}.terminal-command .command-prefix{color:#00bfff!important;-webkit-text-fill-color:#00bfff!important;mix-blend-mode:normal!important;filter:none!important}.terminal-command .command-flag{color:gold!important;-webkit-text-fill-color:gold!important;mix-blend-mode:normal!important;filter:none!important}.terminal-command .command-arg{color:#ff6b9d!important;-webkit-text-fill-color:#ff6b9d!important;mix-blend-mode:normal!important;filter:none!important}.glitch{color:#fff;font-weight:inherit;animation:3s infinite glitch-intense;display:inline-block;position:relative}.glitch[data-text]:before,.glitch[data-text]:after{content:attr(data-text);width:100%;height:100%;font-weight:inherit;font-size:inherit;line-height:inherit;background:0 0;position:absolute;top:0;left:0}.glitch[data-text]:before{color:#ff0080;z-index:-1;clip:rect(0, 900px, 0, 0);animation:.8s infinite glitch-1}.glitch[data-text]:after{color:#0ff;z-index:-2;clip:rect(0, 900px, 0, 0);animation:.8s infinite glitch-2}.glitch-hover{transition:all .3s}.glitch-hover:hover{animation:.5s infinite glitch-intense}.glitch-hover:hover:before{animation:.3s infinite glitch-1}.glitch-hover:hover:after{animation:.3s infinite glitch-2}@keyframes glitch-intense{0%,99%{filter:hue-rotate();transform:translate(0)}1%{filter:hue-rotate(90deg);transform:translate(-2px,1px)}2%{filter:hue-rotate(180deg);transform:translate(2px,-1px)}3%{filter:hue-rotate(270deg);transform:translate(-1px,2px)}4%{filter:hue-rotate(360deg);transform:translate(1px,-2px)}5%{filter:hue-rotate(45deg);transform:translate(-2px,-1px)}}@keyframes glitch-1{0%,to{clip:rect(42px, 9999px, 44px, 0);transform:translate(0)}5%{clip:rect(12px, 9999px, 59px, 0);transform:translate(-2px)}10%{clip:rect(85px, 9999px, 140px, 0);transform:translate(1px)}15%{clip:rect(20px, 9999px, 25px, 0);transform:translate(-1px)}20%{clip:rect(54px, 9999px, 78px, 0);transform:translate(1px)}25%{clip:rect(65px, 9999px, 68px, 0);transform:translate(0)}30%{clip:rect(31px, 9999px, 33px, 0);transform:translate(-2px)}}@keyframes glitch-2{0%,to{clip:rect(65px, 9999px, 119px, 0);transform:translate(0)}5%{clip:rect(29px, 9999px, 98px, 0);transform:translate(2px)}10%{clip:rect(103px, 9999px, 109px, 0);transform:translate(-1px)}15%{clip:rect(15px, 9999px, 16px, 0);transform:translate(1px)}20%{clip:rect(82px, 9999px, 92px, 0);transform:translate(-1px)}25%{clip:rect(70px, 9999px, 73px, 0);transform:translate(0)}30%{clip:rect(40px, 9999px, 43px, 0);transform:translate(2px)}}.glitch-scanline{position:relative;overflow:hidden}.glitch-scanline:before{content:"";background:linear-gradient(90deg,#0000,#00ffff1a,#0000);width:100%;height:100%;animation:2s linear infinite scanline;position:absolute;top:0;left:-100%}@keyframes scanline{0%{left:-100%}to{left:100%}}.btn-glitch{color:#00ff41;background:linear-gradient(45deg,#000,#222);border:1px solid #00ff41;transition:all .3s;position:relative;overflow:hidden}.btn-glitch:hover{animation:.3s ease-in-out glitch-button;box-shadow:0 0 20px #00ff4180}@keyframes glitch-button{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}}@media (width>=769px){body{max-width:100vw;overflow:hidden auto}html{max-width:100vw;overflow:hidden visible}}.matrix-canvas{width:100%;min-height:100dvh;min-height:calc(var(--vh,1vh) * 100);pointer-events:none;z-index:-1;opacity:.06;position:fixed;inset:0;overflow:hidden}.matrix-overlay{width:100%;min-height:100dvh;min-height:calc(var(--vh,1vh) * 100);pointer-events:none;z-index:-1;background:linear-gradient(#000c 0%,#0000004d 50%,#000c 100%);position:fixed;inset:0;overflow:hidden}@supports (-webkit-touch-callout:none){.matrix-canvas,.matrix-overlay{display:none!important}}.matrix-char{font-family:var(--font-code);color:#00ff41;text-shadow:0 0 5px #00ff41;opacity:0;font-size:14px;animation:linear infinite matrix-fall;position:absolute}.matrix-char.bright{color:#fff;text-shadow:0 0 10px #00ff41;opacity:1}.matrix-char.fading{animation:.5s ease-out forwards matrix-fade}@keyframes matrix-fall{0%{opacity:0;transform:translateY(-100px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(calc(var(--vh,1vh) * 100))}}@keyframes matrix-fade{0%{opacity:1}to{opacity:0}}@media (width<=768px){.terminal-window{margin:16px 0}.terminal-body{padding:12px;font-size:12px}.tech-metrics{grid-template-columns:1fr;gap:16px}.metric-value{font-size:2rem}.terminal-command{width:100%;min-width:auto;font-size:12px}}.tech-loading{border:2px solid #00ff414d;border-top-color:#00ff41;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}.status-indicator{font-family:var(--font-code);color:#ccc;align-items:center;gap:8px;font-size:12px;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.status-dot.online{background:#00ff41}.status-dot.warning{background:gold}.status-dot.error{background:#ff5f57}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%) 0 0/200px 100%;border-radius:4px;animation:1.5s infinite shimmer;position:relative;overflow:hidden}.skeleton-dark{background:linear-gradient(90deg,#2a2a2a 25%,#1a1a1a 50%,#2a2a2a 75%) 0 0/200px 100%;animation:1.5s infinite shimmer}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;display:inline-block}.loading-spinner-small{border-width:2px;width:20px;height:20px}.loading-spinner-large{border-width:4px;width:60px;height:60px}.loading-dots{align-items:center;gap:4px;display:inline-flex}.loading-dots span{background-color:var(--primary-color);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both pulse}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.page-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;pointer-events:none;background-color:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.page-loading-overlay.hidden{opacity:0;pointer-events:none}.page-loading-content{text-align:center}.page-loading-logo{object-fit:contain;width:auto;height:60px;margin-bottom:1rem;animation:2s infinite pulse}.page-loading-text{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem;font-weight:500}.loading-progress-bar{background-color:#e0e0e0;border-radius:2px;width:200px;height:4px;overflow:hidden}.loading-progress-fill{background:linear-gradient(90deg, var(--primary-color), var(--primary-light));border-radius:2px;height:100%;animation:2s ease-in-out infinite progress;transform:translate(-100%)}@keyframes progress{0%{transform:translate(-100%)}50%{transform:translate(0%)}to{transform:translate(100%)}}.nav-skeleton{background:#fff;justify-content:space-between;align-items:center;padding:1rem;display:flex;box-shadow:0 2px 4px #0000001a}.nav-skeleton-logo{width:auto;min-width:120px;height:40px}.nav-skeleton-menu{gap:2rem;display:flex}.nav-skeleton-item{width:80px;height:20px}.hero-skeleton{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;height:100vh;padding:0 2rem;display:grid}.hero-skeleton-content{flex-direction:column;gap:1.5rem;display:flex}.hero-skeleton-title{background:#fff3;width:100%;height:60px}.hero-skeleton-subtitle{background:#fff3;width:80%;height:30px}.hero-skeleton-text{background:#fff3;width:90%;height:20px}.hero-skeleton-buttons{gap:1rem;margin-top:1rem;display:flex}.hero-skeleton-button{background:#ffffff4d;border-radius:8px;width:150px;height:50px}.hero-skeleton-visual{background:#fff3;border-radius:12px;width:100%;height:400px}.card-skeleton{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.card-skeleton-image{border-radius:8px;width:100%;height:200px;margin-bottom:1rem}.card-skeleton-title{width:80%;height:24px;margin-bottom:.5rem}.card-skeleton-subtitle{width:60%;height:18px;margin-bottom:1rem}.card-skeleton-text{width:100%;height:16px;margin-bottom:.5rem}.card-skeleton-text:last-child{width:70%}.card-skeleton-button{border-radius:6px;width:120px;height:40px;margin-top:1rem}.blog-card-skeleton{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.blog-skeleton-image{width:100%;height:180px}.blog-skeleton-content{padding:1.5rem}.blog-skeleton-meta{gap:.5rem;margin-bottom:1rem;display:flex}.blog-skeleton-category{border-radius:10px;width:80px;height:20px}.blog-skeleton-date{width:100px;height:20px}.blog-skeleton-title{width:90%;height:24px;margin-bottom:.75rem}.blog-skeleton-excerpt{width:100%;height:16px;margin-bottom:.5rem}.blog-skeleton-excerpt:nth-child(2){width:85%}.blog-skeleton-excerpt:last-child{width:60%}.blog-skeleton-footer{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.blog-skeleton-tags{gap:.5rem;display:flex}.blog-skeleton-tag{border-radius:10px;width:60px;height:20px}.blog-skeleton-link{width:80px;height:20px}.team-skeleton{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.team-skeleton-image{width:100%;height:250px}.team-skeleton-content{padding:1.5rem}.team-skeleton-name{width:80%;height:24px;margin-bottom:.5rem}.team-skeleton-role{width:60%;height:18px;margin-bottom:1rem}.team-skeleton-bio{width:100%;height:16px;margin-bottom:.5rem}.team-skeleton-bio:last-child{width:75%}.service-skeleton{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.service-skeleton-icon{border-radius:50%;width:60px;height:60px;margin-bottom:1.5rem}.service-skeleton-title{width:70%;height:28px;margin-bottom:1rem}.service-skeleton-description{width:100%;height:16px;margin-bottom:.5rem}.service-skeleton-description:nth-child(2){width:90%}.service-skeleton-description:last-child{width:80%}.service-skeleton-features{margin-top:1.5rem}.service-skeleton-feature{width:85%;height:16px;margin-bottom:.75rem}.form-loading{pointer-events:none;opacity:.6;position:relative}.form-loading:after{content:"";border:2px solid #f3f3f3;border-top:2px solid var(--primary-color);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}.button-loading{pointer-events:none;position:relative;color:#0000!important}.button-loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}.content-loading{flex-direction:column;gap:1rem;padding:2rem;display:flex}.content-loading-title{width:60%;height:32px;margin-bottom:1rem}.content-loading-paragraph{width:100%;height:16px;margin-bottom:.5rem}.content-loading-paragraph:nth-child(2){width:95%}.content-loading-paragraph:nth-child(3){width:88%}.content-loading-paragraph:last-child{width:75%}.image-loading{color:#999;background:#f0f0f0;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:relative;overflow:hidden}.image-loading:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}.table-skeleton{border-collapse:collapse;width:100%}.table-skeleton th,.table-skeleton td{border-bottom:1px solid #e5e5e5;padding:1rem}.table-skeleton-header{width:100%;height:20px}.table-skeleton-cell{width:80%;height:16px}.table-skeleton-cell:nth-child(2n){width:60%}.loading-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}@media (width<=768px){.hero-skeleton{text-align:center;grid-template-columns:1fr;height:auto;padding:4rem 1rem}.hero-skeleton-visual{height:250px}.nav-skeleton-menu{display:none}.loading-grid{grid-template-columns:1fr}.hero-skeleton-buttons{justify-content:center}}.loading-skeleton img[alt*=logo i],.loading-skeleton img[src*=logo i],.page-loading-overlay img[alt*=logo i],.page-loading-overlay img[src*=logo i]{object-fit:contain;max-height:60px;width:auto!important;height:auto!important}@media (prefers-reduced-motion:reduce){.skeleton,.skeleton:after,.loading-spinner,.loading-dots span,.page-loading-logo,.loading-progress-fill{animation:none}.skeleton{background:#f0f0f0}}@media (prefers-contrast:high){.skeleton{background:#e0e0e0;border:1px solid #999}.loading-spinner{border-color:#000;border-top-color:var(--primary-color)}}.loading-fade-in{animation:.5s ease-out fadeIn}.loading-hidden{opacity:0;pointer-events:none;transition:opacity .3s}.loading-visible{opacity:1;pointer-events:auto;transition:opacity .3s}.skeleton-rounded{border-radius:50%}.skeleton-pill{border-radius:20px}.skeleton-sharp{border-radius:0}.interactive-loading{cursor:wait;-webkit-user-select:none;user-select:none}.interactive-loading *{pointer-events:none}
