@import"https://fonts.googleapis.com/css2?family=VT323&family=Fira+Code:wght@400;500&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #7B4DFF;--primary-dim: #5a35cc;--accent: #FFB7A5;--text-dim: #FFB7A5;--terminal-bg: #0a0a0a;--terminal-header: #1a1a1a;--terminal-border: #333;--glow: 0 0 10px rgba(123, 77, 255, .5);--glow-accent: 0 0 10px rgba(255, 183, 165, .5)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Fira Code,VT323,monospace;background:var(--terminal-bg);color:var(--primary)}.app{height:100vh;width:100vw;display:flex;flex-direction:column;position:relative;overflow:hidden}.space-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.space-object{font-family:monospace;transition:transform .05s linear}.floating-monkey{position:absolute;pointer-events:none;filter:grayscale(30%);transition:transform .05s linear}.mini-game{background:#0a0a0af2;border:1px solid var(--terminal-border);border-radius:8px;overflow:hidden;box-shadow:0 0 20px #7b4dff33}.mini-game-header{display:flex;justify-content:space-between;padding:.4rem .6rem;background:var(--terminal-header);border-bottom:1px solid var(--terminal-border);font-size:.65rem;color:var(--primary);font-family:Fira Code,monospace}.mini-game-canvas-wrapper{position:relative}.mini-game canvas{display:block}.mini-game-overlay{position:absolute;inset:0;background:#0a0a0ae6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;z-index:10}.mini-game-overlay p{color:var(--primary);font-size:.7rem;font-family:Fira Code,monospace;margin:0;text-align:center}.mini-game-overlay button{background:var(--primary);color:#0a0a0a;border:none;padding:.4rem 1rem;font-size:.7rem;font-family:Fira Code,monospace;cursor:pointer;border-radius:4px;transition:all .2s}.mini-game-overlay button:hover{background:var(--accent);transform:scale(1.05)}.sidebar-widgets{position:fixed;top:1rem;right:1rem;z-index:100;display:flex;flex-direction:column;gap:1rem}.mini-portfolio{background:#0a0a0af2;border:4px solid #222;border-radius:12px;overflow:hidden;box-shadow:0 0 20px #7b4dff33,inset 0 0 30px #00000080;width:360px;position:relative}.mini-portfolio:before{content:"";position:absolute;inset:0;border-radius:8px;pointer-events:none;z-index:10;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.4) 100%)}.mini-portfolio-header{padding:.4rem .6rem;background:var(--terminal-header);border-bottom:1px solid var(--terminal-border);font-size:.65rem;color:var(--primary);font-family:Fira Code,monospace}.mini-portfolio-content{padding:.5rem}.mini-portfolio-content img{width:100%;height:180px;object-fit:cover;border-radius:4px;border:1px solid var(--terminal-border);position:relative;z-index:5;filter:brightness(.7);transition:filter .3s}.mini-portfolio-content:hover img{filter:brightness(.85)}.mini-portfolio-name{font-size:.55rem;color:var(--accent);font-family:Fira Code,monospace;text-align:center;margin-top:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-portfolio-dots{display:flex;justify-content:center;gap:.3rem;margin-top:.4rem}.mini-portfolio-dots .dot{width:6px;height:6px;border-radius:50%;background:var(--terminal-border);cursor:pointer;transition:all .2s}.mini-portfolio-dots .dot.active{background:var(--primary)}.mini-portfolio-dots .dot:hover{background:var(--accent)}.fullscreen-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.8rem;padding:0;opacity:.7;transition:opacity .2s}.fullscreen-btn:hover{opacity:1}.fullscreen-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000}.fullscreen-close{background:none;border:none;color:var(--accent);font-size:1.5rem;cursor:pointer;position:absolute;top:1rem;right:1rem;opacity:.7;transition:opacity .2s}.fullscreen-close:hover{opacity:1}.fullscreen-game{background:#0a0a0af2;border:2px solid var(--primary);border-radius:12px;overflow:hidden;box-shadow:0 0 40px #7b4dff66;position:relative}.fullscreen-game .mini-game-header{padding:.8rem 1rem;font-size:1rem}.fullscreen-game canvas{width:720px;height:400px}.fullscreen-portfolio{background:#0a0a0af2;border:4px solid #222;border-radius:16px;overflow:hidden;box-shadow:0 0 40px #7b4dff4d,inset 0 0 60px #00000080;max-width:90vw;max-height:90vh;position:relative}.fullscreen-portfolio:before{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;z-index:10;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.3) 100%)}.fullscreen-portfolio img{max-width:80vw;max-height:70vh;object-fit:contain;display:block}.fullscreen-portfolio-name{font-size:1.2rem;color:var(--accent);font-family:Fira Code,monospace;text-align:center;padding:1rem;position:relative;z-index:5}.fullscreen-portfolio-dots{display:flex;justify-content:center;gap:.5rem;padding-bottom:1rem;position:relative;z-index:15}.fullscreen-portfolio-dots .dot{width:12px;height:12px;border-radius:50%;background:var(--terminal-border);cursor:pointer;transition:all .2s}.fullscreen-portfolio-dots .dot.active{background:var(--primary)}.fullscreen-portfolio-dots .dot:hover{background:var(--accent)}@media(max-width:768px){.sidebar-widgets{display:none}}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px)}.scanlines:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%)}.main-content{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;z-index:1}.terminal-window{width:100%;max-width:900px;max-height:80vh;background:#0a0a0af2;border:1px solid var(--terminal-border);border-radius:8px;box-shadow:0 0 20px #7b4dff26,inset 0 0 60px #7b4dff08;display:flex;flex-direction:column;overflow:hidden}.terminal-header{background:var(--terminal-header);padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--terminal-border)}.terminal-buttons{display:flex;gap:8px}.terminal-buttons span{width:12px;height:12px;border-radius:50%}.btn-close{background:#ff5f56}.btn-minimize{background:#ffbd2e}.btn-maximize{background:#27ca3f}.terminal-title{flex:1;text-align:center;font-size:.85rem;color:#666;font-family:Fira Code,monospace}.terminal-body{flex:1;padding:1.5rem;overflow-y:auto;overflow-x:hidden;font-family:Fira Code,VT323,monospace;position:relative}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:var(--terminal-bg)}.terminal-body::-webkit-scrollbar-thumb{background:var(--terminal-border);border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:var(--primary-dim)}.ascii-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Fira Code,monospace;font-size:clamp(.06rem,.12vw,.1rem);line-height:1;color:var(--primary);opacity:.15;white-space:pre;pointer-events:none;z-index:0}.terminal-foreground{position:relative;z-index:1}.ascii-text{font-family:Fira Code,monospace;font-size:clamp(.25rem,.8vw,.5rem);line-height:1.1;color:var(--accent);text-shadow:var(--glow-accent);margin-bottom:1.5rem;white-space:pre;overflow-x:auto}.terminal-content{font-size:.95rem;line-height:1.6}.terminal-line{min-height:1.6em;white-space:pre;word-break:normal;overflow-x:auto}.terminal-line.command{color:var(--primary);text-shadow:var(--glow)}.terminal-line.output{color:var(--text-dim)}.terminal-link{color:#4ecdc4;text-decoration:none;transition:all .2s}.terminal-link:hover{color:#7ee8e0;text-decoration:underline}.terminal-button{background:transparent;border:1px solid var(--primary);color:var(--primary);font-family:Fira Code,monospace;font-size:inherit;padding:.3rem .8rem;cursor:pointer;border-radius:4px;transition:all .2s;text-shadow:var(--glow)}.terminal-button:hover{background:var(--primary);color:#0a0a0a;text-shadow:none}.terminal-line.empty{height:.8em}.prompt{color:var(--primary)}.cursor{animation:blink 1s step-end infinite;color:var(--accent);text-shadow:var(--glow-accent)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.footer{padding:1rem 2rem;text-align:center;font-size:.8rem;color:var(--accent);z-index:1;display:flex;justify-content:center;gap:.5rem}.separator{opacity:.5}.privacy-link{background:none;border:none;color:var(--accent);font-family:Fira Code,monospace;font-size:.8rem;cursor:pointer;transition:color .2s}.privacy-link:hover{color:var(--primary);text-decoration:underline}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#0a0a0afa;border-top:1px solid var(--terminal-border);padding:1rem 2rem;z-index:2000;box-shadow:0 -4px 20px #00000080}.cookie-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.cookie-content p{color:var(--accent);font-size:.9rem;margin:0;flex:1;min-width:200px}.cookie-buttons{display:flex;gap:.75rem}.cookie-buttons button{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:.5rem 1rem;font-family:Fira Code,monospace;font-size:.8rem;cursor:pointer;border-radius:4px;transition:all .2s}.cookie-buttons button:hover,.cookie-buttons .accept-btn{background:var(--primary);color:#0a0a0a}.cookie-buttons .accept-btn:hover{background:var(--accent)}.privacy-modal{background:#0a0a0afa;border:2px solid var(--primary);border-radius:12px;max-width:700px;max-height:80vh;overflow-y:auto;padding:2rem;position:relative;box-shadow:0 0 40px #7b4dff4d}.privacy-modal h2{color:var(--primary);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.privacy-modal h3{color:var(--primary);font-size:1rem;margin:1.5rem 0 .5rem}.privacy-modal p{color:var(--accent);font-size:.9rem;line-height:1.6;margin-bottom:.75rem}.privacy-modal ul{color:var(--accent);font-size:.9rem;margin:.5rem 0 .75rem 1.5rem;line-height:1.6}.privacy-modal strong{color:var(--primary)}.privacy-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.privacy-buttons button{width:180px;min-width:180px;max-width:180px;padding:.75rem 1rem;font-family:Fira Code,monospace;font-size:.9rem;cursor:pointer;border-radius:4px;transition:all .2s;box-sizing:border-box}.privacy-buttons .accept-btn{background:var(--primary);color:#0a0a0a;border:1px solid var(--primary)}.privacy-buttons .accept-btn:hover{background:var(--accent);border-color:var(--accent)}.privacy-buttons .close-btn{background:transparent;border:1px solid var(--primary);color:var(--primary)}.privacy-buttons .close-btn:hover{background:var(--primary);color:#0a0a0a}.about-modal{background:#0a0a0afa;border:2px solid var(--primary);border-radius:12px;max-width:700px;max-height:80vh;overflow-y:auto;padding:2rem;position:relative;box-shadow:0 0 40px #7b4dff4d}.about-modal h2{color:var(--primary);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.about-modal h3{color:var(--primary);font-size:1rem;margin:1.5rem 0 .5rem}.about-modal p{color:var(--accent);font-size:.9rem;line-height:1.6;margin-bottom:.75rem}.about-modal ul{color:var(--accent);font-size:.9rem;margin:.5rem 0 .75rem 1.5rem;line-height:1.6}.about-buttons{display:flex;justify-content:center;margin-top:1.5rem}.about-buttons .close-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:.75rem 2rem;font-family:Fira Code,monospace;font-size:.9rem;cursor:pointer;border-radius:4px;transition:all .2s}.about-buttons .close-btn:hover{background:var(--primary);color:#0a0a0a}.app-container{width:100vw;height:100vh;overflow:hidden}.view-wrapper{width:100%;height:100%;position:relative}.view-panel{position:absolute;width:100%;height:100%;overflow:hidden;transition:opacity .5s ease,transform .5s ease;opacity:0;transform:scale(.95);pointer-events:none}.view-panel.active{opacity:1;transform:scale(1);pointer-events:auto}.cta-button.next{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#0a0a0a;border:none;font-weight:700}.flipped-page{width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.particle-field{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;background:var(--primary);border-radius:50%;opacity:.6;animation:float-particle 3s ease-in-out infinite}@keyframes float-particle{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.2);opacity:1}}.flip-content{text-align:center;z-index:10;padding:2rem;max-width:900px}.flip-title{font-size:3rem;color:var(--primary);margin-bottom:.5rem;text-shadow:0 0 30px rgba(123,77,255,.8);animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{text-shadow:0 0 30px rgba(123,77,255,.8)}50%{text-shadow:0 0 60px rgba(123,77,255,1),0 0 100px rgba(255,183,165,.5)}}.flip-subtitle{font-size:1.2rem;color:var(--accent);margin-bottom:3rem;opacity:.8}.flip-features{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.feature-card{background:#7b4dff1a;border:1px solid rgba(123,77,255,.3);border-radius:12px;padding:1.5rem 1rem;transition:all .3s ease;animation:card-float 3s ease-in-out infinite}.feature-card:nth-child(2){animation-delay:.5s}.feature-card:nth-child(3){animation-delay:1s}.feature-card:nth-child(4){animation-delay:1.5s}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card:hover{background:#7b4dff33;border-color:var(--primary);transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px #7b4dff4d}.feature-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.feature-card h3{color:var(--primary);font-size:1rem;margin-bottom:.5rem}.feature-card p{color:var(--accent);font-size:.8rem;opacity:.8}.flip-cta{display:flex;gap:1rem;justify-content:center}.cta-button{padding:1rem 2rem;font-family:Fira Code,monospace;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.cta-button.primary{background:var(--primary);color:#0a0a0a;border:2px solid var(--primary)}.cta-button.primary:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.05);box-shadow:0 0 30px #ffb7a580}.cta-button.secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.cta-button.secondary:hover{background:var(--primary);color:#0a0a0a;transform:scale(1.05)}.cta-button.tertiary{background:transparent;color:var(--accent);border:2px solid var(--accent)}.cta-button.tertiary:hover{background:var(--accent);color:#0a0a0a;transform:scale(1.05)}.stats-row{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.stat-item{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--primary);text-shadow:0 0 20px rgba(123,77,255,.5)}.stat-label{font-size:.8rem;color:var(--accent);opacity:.8}.process-section{margin-bottom:2rem}.section-title{color:var(--primary);font-size:1.2rem;margin-bottom:1rem;text-align:center}.process-steps{display:flex;justify-content:center;gap:1rem}.process-step{background:#7b4dff0d;border:1px solid rgba(123,77,255,.2);border-radius:12px;padding:1rem;width:150px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.process-step.active{background:#7b4dff26;border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 30px #7b4dff33}.process-step:hover{border-color:var(--primary)}.process-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.process-step h3{color:var(--primary);font-size:.85rem;margin-bottom:.3rem}.process-step p{color:var(--accent);font-size:.65rem;opacity:.8;line-height:1.3}.process-line{position:absolute;right:-1rem;top:50%;width:1rem;height:2px;background:var(--terminal-border)}.process-step:last-child .process-line{display:none}.process-step.active .process-line{background:var(--primary)}.tech-stack{margin-bottom:2rem;text-align:center}.tech-label{display:block;color:var(--accent);font-size:.8rem;margin-bottom:.75rem;opacity:.7}.tech-icons{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.tech-item{background:#7b4dff1a;border:1px solid rgba(123,77,255,.3);color:var(--primary);padding:.4rem .8rem;border-radius:20px;font-size:.75rem;transition:all .2s}.tech-item:hover{background:var(--primary);color:#0a0a0a}.flip-header{margin-bottom:2rem}.title-emoji{display:inline-block;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shape-4{width:100px;height:100px;background:var(--accent);top:20%;left:10%;animation-delay:4s}.modern-page{width:100%;height:100%;overflow-y:auto;position:relative;color:#fff;background:#0a0a0a}.floating-orbs{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;transition:transform .5s ease-out}.orb-1{width:400px;height:400px;background:var(--primary);top:-100px;right:-100px}.orb-2{width:300px;height:300px;background:var(--accent);bottom:20%;left:-100px}.orb-3{width:200px;height:200px;background:#4ecdc4;top:50%;right:20%}.modern-nav.glass{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background:#0a0a0ab3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.modern-logo{display:flex;align-items:center;gap:.75rem}.logo-glow{position:relative}.logo-glow:before{content:"";position:absolute;inset:-5px;background:var(--primary);border-radius:12px;filter:blur(10px);opacity:.5}.modern-logo-img{width:40px;height:40px;border-radius:8px;position:relative}.logo-text{font-size:1.25rem;font-weight:700;color:#fff}.logo-text .accent{color:var(--accent)}.nav-back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:Fira Code,monospace;font-size:.85rem;transition:all .3s}.nav-back-btn:hover{background:var(--primary);border-color:var(--primary)}.hero-section{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:80vh;padding:4rem 3rem;max-width:1200px;margin:0 auto}.hero-text{flex:1}.hero-text h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--accent),#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.5rem;color:#ffffffb3;margin-bottom:2rem}.hero-subtitle em{color:var(--accent);font-style:normal}.cta-glow{display:inline-block;position:relative;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:12px;color:#fff;font-weight:600;font-size:1.1rem;text-decoration:none;overflow:hidden;transition:transform .3s,box-shadow .3s}.cta-glow:hover{transform:translateY(-3px);box-shadow:0 20px 40px #7b4dff66}.cta-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.hero-3d{flex:1;display:flex;justify-content:center;align-items:center;perspective:1000px}.cube-container{width:150px;height:150px;transform-style:preserve-3d;animation:cube-rotate 20s linear infinite}@keyframes cube-rotate{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d}.cube-face{position:absolute;width:150px;height:150px;display:flex;align-items:center;justify-content:center;font-size:4rem;background:#7b4dff1a;border:2px solid rgba(123,77,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cube-face.front{transform:translateZ(75px)}.cube-face.back{transform:rotateY(180deg) translateZ(75px)}.cube-face.right{transform:rotateY(90deg) translateZ(75px)}.cube-face.left{transform:rotateY(-90deg) translateZ(75px)}.cube-face.top{transform:rotateX(90deg) translateZ(75px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(75px)}.services-section{position:relative;z-index:10;padding:4rem 3rem}.section-heading{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2rem;color:#fff;margin-bottom:3rem}.heading-line{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.services-carousel{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;max-width:1000px;margin:0 auto}.service-tile{position:relative;width:200px;padding:2rem 1.5rem;background:#ffffff08;border-radius:16px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.service-tile:hover,.service-tile.active{transform:translateY(-10px) scale(1.02);background:#ffffff14}.tile-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:100px;background:var(--accent-color);filter:blur(60px);opacity:0;transition:opacity .4s}.service-tile:hover .tile-glow,.service-tile.active .tile-glow{opacity:.3}.tile-icon{font-size:3rem;display:block;margin-bottom:1rem}.service-tile h3{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.service-tile p{color:#fff9;font-size:.85rem;line-height:1.4}.tile-border{position:absolute;inset:0;border-radius:16px;border:1px solid transparent;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.why-section{position:relative;z-index:10;padding:4rem 3rem}.why-content{max-width:1000px;margin:0 auto}.why-content h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#fff}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.why-item{padding:2rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.why-item:hover{background:#ffffff0f;border-color:var(--primary)}.why-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.why-item h3{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.why-item p{color:#fff9;font-size:.9rem}.contact-section{position:relative;z-index:10;padding:4rem 3rem;display:flex;justify-content:center}.contact-card-modern{background:linear-gradient(135deg,#7b4dff33,#ffb7a51a);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;text-align:center;max-width:500px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.contact-card-modern h2{font-size:2rem;margin-bottom:.5rem}.contact-card-modern>p{color:#ffffffb3;margin-bottom:2rem}.contact-links{display:flex;flex-direction:column;gap:1rem}.contact-link{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;transition:all .3s}.contact-link:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.02)}.link-icon{font-size:1.25rem}.modern-footer-v2{position:relative;z-index:10;padding:2rem;text-align:center;color:#ffffff80;font-size:.85rem;display:flex;justify-content:center;gap:2rem}.footer-heart{color:var(--accent)}.floating-shapes{position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;opacity:.1;animation:shape-float 10s ease-in-out infinite}.shape-1{width:300px;height:300px;background:var(--primary);top:-100px;left:-100px;animation-delay:0s}.shape-2{width:200px;height:200px;background:var(--accent);bottom:-50px;right:-50px;animation-delay:3s}.shape-3{width:150px;height:150px;background:var(--primary);top:50%;right:10%;animation-delay:6s}@keyframes shape-float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(90deg)}50%{transform:translateY(-50px) rotate(180deg)}75%{transform:translate(-30px,-30px) rotate(270deg)}}@media(max-width:768px){.main-content{padding:1rem}.terminal-window{max-height:85vh;max-width:100%}.terminal-body{padding:1rem}.ascii-background{font-size:.04rem}.ascii-text{font-size:.2rem}.terminal-content{font-size:.8rem}.cookie-content{flex-direction:column;text-align:center}.cookie-buttons{width:100%;justify-content:center}.privacy-modal,.about-modal{max-width:95vw;padding:1.5rem;margin:1rem}.privacy-buttons{flex-direction:column;align-items:center}.privacy-buttons button{width:100%;max-width:250px}.flip-features{grid-template-columns:repeat(2,1fr)}.flip-title{font-size:2rem}.flip-subtitle{font-size:1rem;margin-bottom:1.5rem}.stats-row{gap:2rem}.stat-number{font-size:2rem}.process-steps{flex-wrap:wrap}.process-step{width:120px;padding:.75rem}.process-line{display:none}.flip-content{padding:1.5rem;overflow-y:auto;max-height:100vh}}@media(max-width:480px){.main-content{padding:.5rem}.terminal-window{max-height:90vh;border-radius:6px}.terminal-header{padding:.5rem .75rem}.terminal-title{font-size:.7rem}.terminal-buttons span{width:10px;height:10px}.terminal-body{padding:.75rem}.ascii-background{font-size:.025rem;opacity:.1}.ascii-text{font-size:.15rem;margin-bottom:1rem}.terminal-content{font-size:.65rem;line-height:1.5}.terminal-line{min-height:1.4em}.footer{flex-direction:column;gap:.25rem;padding:.75rem 1rem;font-size:.7rem}.separator{display:none}.privacy-link{font-size:.7rem}.cookie-banner{padding:.75rem 1rem}.cookie-content{gap:1rem}.cookie-content p{font-size:.75rem;min-width:unset}.cookie-buttons{flex-direction:column;width:100%}.cookie-buttons button{width:100%;padding:.6rem 1rem;font-size:.75rem}.privacy-modal,.about-modal{max-width:95vw;max-height:80vh;padding:1rem;margin:.5rem;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.about-modal-content,.privacy-modal-content{flex:1;overflow-y:auto;min-height:0}.about-buttons,.privacy-buttons{flex-shrink:0;padding-top:1rem}.privacy-modal h2,.about-modal h2{font-size:1.2rem;margin-bottom:1rem}.privacy-modal h3,.about-modal h3{font-size:.9rem;margin:1rem 0 .4rem}.privacy-modal p,.privacy-modal ul,.about-modal p,.about-modal ul{font-size:.75rem;line-height:1.5}.privacy-modal ul,.about-modal ul{margin-left:1rem}.terminal-button{font-size:.6rem;padding:.2rem .5rem}.privacy-buttons{gap:.75rem;margin-top:1rem}.privacy-buttons button{width:100%;max-width:100%;min-width:unset;padding:.6rem 1rem;font-size:.8rem}.fullscreen-close{top:.5rem;right:.5rem;font-size:1.2rem}.fullscreen-game canvas{width:100vw;height:auto;max-height:60vh}.fullscreen-portfolio img{max-width:95vw;max-height:60vh}.fullscreen-portfolio-name{font-size:.9rem;padding:.75rem}.flip-content{padding:1rem;overflow-y:auto;max-height:100vh}.flip-header{margin-bottom:1rem}.flip-title{font-size:1.5rem}.flip-subtitle{font-size:.85rem;margin-bottom:1rem}.stats-row{gap:1rem;margin-bottom:1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.65rem}.process-section{margin-bottom:1rem}.section-title{font-size:1rem;margin-bottom:.75rem}.process-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.process-step{width:auto;padding:.5rem}.process-icon{font-size:1.2rem;margin-bottom:.25rem}.process-step h3{font-size:.7rem}.process-step p{font-size:.55rem}.flip-features{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.feature-card{padding:.75rem .5rem}.feature-icon{font-size:1.2rem;margin-bottom:.25rem}.feature-card h3{font-size:.7rem}.feature-card p{font-size:.55rem}.tech-stack{margin-bottom:1rem}.tech-label{font-size:.7rem;margin-bottom:.5rem}.tech-icons{gap:.4rem}.tech-item{font-size:.6rem;padding:.25rem .5rem}.flip-cta{flex-direction:column;gap:.5rem}.cta-button{padding:.6rem 1rem;font-size:.75rem;width:100%}.modern-nav.glass{padding:.75rem 1rem}.logo-text{font-size:1rem}.modern-logo-img{width:30px;height:30px}.nav-back-btn{font-size:.75rem;padding:.4rem .75rem}.hero-section{flex-direction:column;padding:2rem 1rem;text-align:center;min-height:auto}.hero-text h1{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-3d{display:none}.cta-glow{padding:.75rem 1.5rem;font-size:.9rem}.services-section{padding:2rem 1rem}.section-heading{font-size:1.5rem}.services-carousel{gap:1rem}.service-tile{width:calc(50% - .5rem);padding:1.25rem 1rem}.tile-icon{font-size:2rem}.service-tile h3{font-size:.9rem}.service-tile p{font-size:.7rem}.why-section{padding:2rem 1rem}.why-content h2{font-size:1.75rem}.why-grid{grid-template-columns:1fr;gap:1rem}.why-item{padding:1.5rem}.why-number{font-size:2rem}.why-item h3{font-size:1rem}.why-item p{font-size:.8rem}.contact-section{padding:2rem 1rem}.contact-card-modern{padding:2rem 1.5rem}.contact-card-modern h2{font-size:1.5rem}.modern-footer-v2{flex-direction:column;gap:.5rem;font-size:.75rem}.orb-1{width:200px;height:200px}.orb-2{width:150px;height:150px}.orb-3{width:100px;height:100px}.modern-services{padding:2rem 1rem}.modern-services h2{font-size:1.5rem;margin-bottom:1.5rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.service-card{padding:1rem}.service-icon{font-size:1.5rem}.service-card h3{font-size:.9rem}.service-card p{font-size:.75rem}.modern-about{padding:2rem 1rem}.modern-about h2{font-size:1.5rem}.about-list{flex-direction:column}.about-list li{font-size:.85rem}.modern-contact{padding:2rem 1rem}.modern-contact h2{font-size:1.5rem}.contact-methods{flex-direction:column;gap:1rem}.contact-card{padding:1rem;justify-content:center}.modern-footer{padding:1.5rem 1rem}.footer-content{flex-direction:column;gap:.75rem;font-size:.8rem}.back-to-retro{font-size:.75rem}}@media(max-width:360px){.terminal-content{font-size:.55rem}.ascii-text{font-size:.12rem}.terminal-body{padding:.5rem}.footer{font-size:.6rem;padding:.5rem}.privacy-link{font-size:.6rem}}