*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #08090a;--bg-secondary: #0d0e10;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(255, 255, 255, .05);--bg-glass: rgba(255, 255, 255, .04);--border-subtle: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .1);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--accent: #ff4d4d;--accent-glow: rgba(255, 77, 77, .12);--accent-hover: #ff6b6b;--coral-bright: #ff4d4d;--cyan-bright: #00e5cc;--hero-title-start: #f0f4ff;--hero-title-end: #00e5cc;--hero-gradient: linear-gradient(135deg, var(--hero-title-start) 0%, var(--coral-bright) 52%, var(--hero-title-end) 100%);--font-mono: "JetBrains Mono", "SF Mono", "Monaco", "Consolas", monospace;--font-body: "Clash Display", system-ui, sans-serif}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-width:320px}a{color:var(--coral-bright);text-decoration:none;transition:color .25s ease}a:hover{color:var(--accent-hover)}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}p{margin:0}button{font-family:inherit;cursor:pointer;border:none;outline:none}img{max-width:100%;display:block}ul{list-style:none}#root{width:100%;min-height:100vh}.app{position:relative;min-height:100vh;overflow-x:hidden}.app:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 100% 60% at 50% -20%,rgba(255,77,77,.06) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 90% 60%,rgba(0,229,204,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-marker{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--coral-bright);margin-bottom:.75rem;letter-spacing:.02em}.section-title{font-family:var(--font-mono);font-weight:700;font-size:clamp(1.8rem,3.5vw,2.5rem);color:var(--text-primary);margin-bottom:.75rem}.section-subtitle{font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary);max-width:560px;line-height:1.7}.section-header{margin-bottom:3rem;text-align:left}section{position:relative;z-index:1;padding:7rem 0}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#08090acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:all .35s ease}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{display:flex;align-items:center;gap:.25rem;text-decoration:none;font-family:var(--font-mono);font-weight:700;font-size:1.15rem}.nav-logo-accent{color:var(--coral-bright)}.nav-logo-text{color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{font-family:var(--font-mono);font-size:.85rem;font-weight:400;color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.nav-link:hover{color:var(--text-primary)}.nav-cta{font-family:var(--font-mono);font-size:.85rem;font-weight:500;padding:.5rem 1.25rem;border-radius:6px;background:var(--coral-bright);color:#fff;text-decoration:none;transition:all .25s ease}.nav-cta,.nav-cta:hover,.nav-cta:visited{color:#fff}.nav-cta:hover{background:var(--accent-hover);transform:translateY(-1px)}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;padding:4px;cursor:pointer}.nav-hamburger span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{padding-top:10rem;padding-bottom:5rem;text-align:center;position:relative;z-index:1}.hero-inner{max-width:768px;margin:0 auto;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:100px;border:1px solid rgba(255,77,77,.25);background:#ff4d4d0f;font-family:var(--font-mono);font-size:.78rem;color:var(--coral-bright);margin-bottom:2rem;letter-spacing:.02em}.hero-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--coral-bright);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.hero h1{font-family:var(--font-mono);font-weight:700;font-size:clamp(2.6rem,6vw,4.5rem);line-height:1.15;color:var(--text-primary);margin-bottom:1.5rem;letter-spacing:-.02em}.hero-typewriter{min-height:2.4em}.typewriter-cursor{display:inline-block;margin-left:2px;font-weight:300;color:var(--coral-bright)}.typewriter-cursor.blink{animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-subtitle{font-family:var(--font-body);font-size:1.05rem;color:var(--text-secondary);margin:0 0 2.5rem;line-height:1.7;text-align:center}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{font-family:var(--font-mono);font-size:.88rem;font-weight:500;padding:.75rem 1.75rem;border-radius:6px;background:var(--coral-bright);color:#fff;text-decoration:none;transition:all .25s ease;display:inline-block}.btn-primary,.btn-primary:hover,.btn-primary:visited{color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-secondary{font-family:var(--font-mono);font-size:.88rem;font-weight:500;padding:.75rem 1.75rem;border-radius:6px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);text-decoration:none;transition:all .25s ease;display:inline-block}.btn-secondary,.btn-secondary:hover,.btn-secondary:visited{color:var(--text-primary)}.btn-secondary:hover{border-color:var(--border-glass);color:var(--text-primary)}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,77,77,.05) 0%,transparent 65%);filter:blur(100px);pointer-events:none;z-index:-1}.services-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.services-features-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;transition:all .3s ease}.services-features-card:hover{border-color:var(--coral-bright);background:#ff4d4d0f;transform:translateY(-2px)}.services-features-icon{margin-bottom:1rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--coral-bright);flex-shrink:0}.service-icon-svg{display:flex;align-items:center;justify-content:center}.service-icon-svg svg{width:24px;height:24px}.services-features-title{font-family:var(--font-mono);font-weight:600;font-size:1.1rem;color:var(--text-primary);margin-bottom:.75rem}.services-features-desc{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.service-card{position:relative;padding:2rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;transition:all .3s ease;overflow:hidden}.service-card:hover{border-color:var(--coral-bright);background:#ff4d4d0f;transform:translateY(-2px)}.service-card .service-icon{margin-bottom:1rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--coral-bright)}.service-card .service-icon .service-icon-svg svg{width:24px;height:24px}.service-card h3{font-family:var(--font-mono);font-weight:600;font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.service-card p{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.25rem}.service-price{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);padding-top:1rem;border-top:1px solid var(--border-subtle)}.service-price strong{color:#fff;font-size:1.1rem}.service-features{margin-top:1rem}.service-features li{font-family:var(--font-body);font-size:.82rem;color:var(--text-secondary);padding:.3rem 0;display:flex;align-items:center;gap:.5rem}.service-features li:before{content:"›";color:var(--cyan-bright);font-weight:700;font-size:1rem}.filter-tabs{display:flex;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.filter-tab{font-family:var(--font-mono);font-size:.82rem;font-weight:400;padding:.5rem 1.2rem;border-radius:100px;background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{border-color:var(--border-glass);color:var(--text-primary)}.filter-tab.active{background:var(--coral-bright);color:#fff;border-color:transparent}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.project-card{position:relative;padding:1.75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;transition:all .3s ease;overflow:hidden}.project-card:hover{border-color:var(--coral-bright);background:#ff4d4d0f;transform:translateY(-2px)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.project-name{font-family:var(--font-mono);font-weight:600;font-size:1.1rem;color:var(--text-primary)}.project-type-badge{font-family:var(--font-mono);font-size:.72rem;font-weight:500;padding:.2rem .75rem;border-radius:100px;border:1px solid var(--border-subtle);background:var(--bg-glass);background-clip:padding-box;white-space:nowrap}.project-type-badge span{color:var(--coral-bright)}.project-description{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.project-footer{padding-top:.75rem;border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem}.about-grid{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:start}.about-content{display:flex;flex-direction:column;gap:1.25rem}.about-image-wrapper{width:240px;height:240px;border-radius:12px;overflow:hidden;border:1px solid var(--border-subtle);flex-shrink:0}.about-image-wrapper img{width:100%;height:100%;object-fit:cover}.about-text{font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary);line-height:1.7}.about-text a{font-family:var(--font-mono);font-weight:500}.stat-card{position:relative;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;text-align:center;transition:all .3s ease;overflow:hidden}.stat-card:hover{border-color:var(--coral-bright);background:#ff4d4d0f}.stat-number{font-family:var(--font-mono);font-weight:700;font-size:1.8rem;color:var(--coral-bright);margin-bottom:.25rem}.stat-label{font-family:var(--font-mono);font-size:.72rem;font-weight:400;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.timeline-section{margin-top:4rem}.timeline-section-title{font-family:var(--font-mono);font-weight:600;font-size:1.2rem;color:var(--text-primary);margin-bottom:1.5rem}.timelines-grid{display:grid;grid-template-columns:3fr 2fr;gap:3rem;margin-top:4rem;align-items:start}.timeline-items{display:flex;flex-direction:column;gap:1rem}.timeline-card{position:relative;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;transition:all .3s ease;overflow:hidden}.timeline-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--coral-bright);border-radius:3px 0 0 3px}.timeline-card:hover{border-color:var(--border-glass);background:var(--bg-card-hover);transform:translateY(-2px)}.timeline-card h4{font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.timeline-card h5{font-family:var(--font-body);font-size:.85rem;font-weight:400;color:var(--text-secondary);margin-bottom:.35rem}.timeline-period{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.education-col .timeline-card{padding:1.75rem 1.5rem}.education-col .timeline-card h5{line-height:1.6}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:1.5rem}.tech-tag{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem;font-weight:400;padding:.5rem 1rem;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--text-muted);transition:all .3s ease;cursor:default}.tech-tag:hover{border-color:var(--tech-color);background:color-mix(in srgb,var(--tech-color) 12%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--tech-color) 15%,transparent);color:var(--text-primary)}.tech-tag-icon{width:8px;height:8px;border-radius:50%;background:var(--tech-color);opacity:.35;flex-shrink:0;transition:all .3s ease}.tech-tag:hover .tech-tag-icon{opacity:1;box-shadow:0 0 10px var(--tech-color);transform:scale(1.2)}.tech-tag-name{white-space:nowrap}.tech-links{display:flex;gap:1rem;flex-wrap:wrap}.tech-link{font-family:var(--font-mono);font-size:.88rem;background:var(--hero-gradient-wave);background-size:200% 100%;animation:gradient-wave 6s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:filter .25s ease}.tech-link:hover{filter:brightness(1.2)}.me-json-block{margin-bottom:2.5rem;width:100%;background:#1e1e1e;border-radius:10px;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d}.me-json-titlebar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#323232;border-bottom:1px solid rgba(0,0,0,.3)}.me-json-window-controls{display:flex;gap:6px;flex-shrink:0}.me-json-window-controls .wc{width:10px;height:10px;border-radius:50%}.me-json-window-controls .wc.red{background:#ff5f57}.me-json-window-controls .wc.yellow{background:#febc2e}.me-json-window-controls .wc.green{background:#28c840}.me-json-window-title{flex:1;font-family:var(--font-mono);font-size:.72rem;color:#ffffffb3;text-align:left}.me-json-copy{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffff80;cursor:pointer;transition:all .2s ease;flex-shrink:0}.me-json-copy:hover{background:#ffffff1f;color:#ffffffe6}.me-json-copy svg{flex-shrink:0}.me-json-content{font-family:var(--font-mono);font-size:.72rem;line-height:1.6;margin:0;padding:.9rem 1.25rem;background:#1e1e1e;color:#ffffffd9;overflow:hidden;white-space:pre-wrap;word-break:break-word;text-align:left}.cta-box{position:relative;padding:4rem 3rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;text-align:center;overflow:hidden}.cta-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(255,77,77,.06) 0%,transparent 70%);pointer-events:none}.cta-box .section-marker,.cta-box .section-title,.cta-box .section-subtitle{position:relative;z-index:1}.cta-box .section-subtitle{margin:0 auto 2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:3rem;position:relative;z-index:1}.contact-card{padding:1.25rem;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:12px;text-align:center;transition:all .3s ease;text-decoration:none;display:block}.contact-card:hover{border-color:var(--coral-bright);background:#ff4d4d0f;transform:translateY(-2px)}.contact-card-icon{font-size:1.5rem;margin-bottom:.5rem}.contact-card-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.contact-card-value{font-family:var(--font-body);font-size:.85rem;color:var(--text-secondary)}.footer{position:relative;z-index:1;border-top:1px solid var(--border-subtle);padding:3rem 0 2rem}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.footer-brand{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.footer-brand strong{color:var(--text-primary);font-weight:600}.footer-nav{display:flex;gap:1.5rem}.footer-link{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--text-primary)}.footer-contact-info{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.footer-contact-item{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-contact-item:hover{color:var(--text-primary)}.scroll-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;border-radius:10px;background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:90;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .35s ease}.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{background:var(--coral-bright);border-color:transparent;color:#fff;transform:translateY(-2px)}.scroll-top svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 768px){.services-features-grid{grid-template-columns:1fr}.me-json-content{font-size:.7rem;padding:.85rem 1rem}.nav-links{display:none;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:#0a0a0bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.5rem;border-bottom:1px solid var(--border-subtle);gap:1rem}.nav-links.open,.nav-hamburger{display:flex}.hero{padding-top:7rem}section{padding:3.5rem 0}.stats-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr;justify-items:center;text-align:center}.timelines-grid{grid-template-columns:1fr;gap:2rem}.services-grid,.projects-grid{grid-template-columns:1fr}.filter-tabs{flex-wrap:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:.5rem}.filter-tabs::-webkit-scrollbar{display:none}.cta-box{padding:2.5rem 1.5rem}.footer-inner{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.footer-contact-info{align-items:center}.footer-nav{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.container{padding:0 1rem}.hero{padding-top:6rem}.hero h1{font-size:2rem}section{padding:2.5rem 0}.section-title{font-size:1.5rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:100%;text-align:center}.service-card,.project-card{padding:1.5rem}.about-grid{text-align:left;justify-items:start}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{width:100%;text-align:center}.tech-tag{font-size:.75rem;padding:.4rem .9rem}.footer-nav{gap:1rem}.contact-grid{grid-template-columns:1fr}}