:root{--font-title: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-dark: #030712;--bg-card: #090d1a;--bg-card-hover: #12182c;--text-primary: #f8fafc;--text-muted: #94a3b8;--accent-cyan: #00f0ff;--accent-blue: #3b82f6;--accent-blue-deep: #1d4ed8;--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(0, 240, 255, .15);--shadow-glow: 0 0 20px rgba(0, 240, 255, .1);--shadow-glow-strong: 0 0 35px rgba(0, 240, 255, .25);--transition-fast: .2s cubic-bezier(.25, .8, .25, 1);--transition-normal: .4s cubic-bezier(.25, .8, .25, 1);--transition-slow: .8s cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;overflow-x:hidden;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6}body{overflow-x:hidden;position:relative;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}button,input,textarea{background:none;border:none;font-family:inherit;color:inherit;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.custom-cursor-dot{width:8px;height:8px;background-color:var(--accent-cyan);border-radius:50%;position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:10000;transition:width .3s ease,height .3s ease,background-color .3s ease}.custom-cursor-ring{width:40px;height:40px;border:1px solid var(--accent-cyan);border-radius:50%;position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;mix-blend-mode:screen;transition:width .3s ease,height .3s ease,border-color .3s ease,background-color .3s ease}.cursor-active .custom-cursor-dot{background-color:var(--accent-blue);width:12px;height:12px}.cursor-active .custom-cursor-ring{border-color:var(--accent-blue);width:60px;height:60px;background-color:#3b82f60d}.bg-orbs-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-1}.orb{position:absolute;border-radius:50%;filter:blur(140px);opacity:.15;pointer-events:none;mix-blend-mode:screen}.orb-1{width:45vw;height:45vw;background:radial-gradient(circle,var(--accent-cyan) 0%,rgba(0,0,0,0) 70%);top:-10vw;right:-5vw}.orb-2{width:50vw;height:50vw;background:radial-gradient(circle,var(--accent-blue) 0%,rgba(0,0,0,0) 70%);top:40vh;left:-15vw}.orb-3{width:40vw;height:40vw;background:radial-gradient(circle,var(--accent-cyan) 0%,rgba(0,0,0,0) 70%);bottom:10vh;right:-10vw}.container{max-width:1280px;margin:0 auto;padding:0 40px;position:relative}.section-padding{padding:140px 0}.section-header{margin-bottom:70px}.section-tagline{font-family:var(--font-title);font-size:.9rem;letter-spacing:.15em;color:var(--accent-cyan);display:block;margin-bottom:12px;font-weight:600}.section-title{font-family:var(--font-title);font-size:3.5rem;font-weight:700;line-height:1.1;color:var(--text-primary)}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:3px;background:#ffffff0d;z-index:1000}.scroll-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);box-shadow:0 0 8px var(--accent-cyan)}.header{position:fixed;top:24px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:980px;padding:8px 24px;z-index:990;background-color:#090d1a59;border:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50px;box-shadow:0 10px 30px #0006,var(--shadow-glow);transition:all var(--transition-normal)}.header.scrolled{top:12px;max-width:920px;background-color:#030712bf;border-color:#00f0ff40;box-shadow:0 15px 35px #0009,var(--shadow-glow-strong)}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-family:var(--font-title);font-size:1.35rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center}.logo-dot{color:var(--accent-cyan);text-shadow:0 0 10px rgba(0,240,255,.4)}.nav{display:flex;align-items:center}.nav-list{display:flex;gap:4px;align-items:center;position:relative;background-color:#ffffff05;border:1px solid rgba(255,255,255,.04);padding:4px;border-radius:40px}.nav-link{font-size:.85rem;font-weight:600;color:var(--text-muted);position:relative;padding:6px 14px;border-radius:20px;transition:color var(--transition-fast);z-index:2}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-active-pill{position:absolute;top:4px;left:0;height:calc(100% - 8px);background-color:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;z-index:1;pointer-events:none;transition:left .35s cubic-bezier(.25,1,.5,1),width .35s cubic-bezier(.25,1,.5,1);box-shadow:0 2px 8px #0000004d}.btn-header-cta{font-family:var(--font-title);font-size:.85rem;font-weight:700;color:var(--bg-dark);background:linear-gradient(90deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);padding:8px 18px;border-radius:30px;box-shadow:var(--shadow-glow);transition:all var(--transition-normal);cursor:pointer}.btn-header-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong)}.mobile-only{display:none!important}.mobile-toggle{display:none;flex-direction:column;gap:6px;cursor:pointer;z-index:1000}.toggle-line{width:24px;height:2px;background-color:var(--text-primary);transition:transform .3s ease,opacity .3s ease}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;font-family:var(--font-title);font-size:1rem;font-weight:600;border-radius:40px;transition:all var(--transition-normal);cursor:pointer}.btn-primary{background:linear-gradient(90deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);color:var(--bg-dark);box-shadow:var(--shadow-glow);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);transition:all .6s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow-strong)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background-color:#ffffff05}.btn-secondary:hover{border-color:var(--accent-cyan);background-color:#00f0ff08;color:var(--accent-cyan);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:120px;overflow:hidden}.hero-grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(0,240,255,.03) 1.5px,transparent 1.5px),radial-gradient(rgba(59,130,246,.03) 1.5px,transparent 1.5px);background-size:60px 60px;background-position:0 0,30px 30px;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 40%,transparent 100%);z-index:0}.hero-container{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;width:100%;z-index:1}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-badge-wrapper{margin-bottom:24px}.hero-badge{background-color:#00f0ff0f;border:1px solid rgba(0,240,255,.15);border-radius:30px;padding:6px 16px;font-size:.85rem;font-weight:600;color:var(--accent-cyan);display:flex;align-items:center;gap:8px;letter-spacing:.02em}.badge-dot{width:6px;height:6px;background-color:var(--accent-cyan);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 8px var(--accent-cyan)}to{transform:scale(.9);opacity:.6}}.hero-title{font-family:var(--font-title);font-size:clamp(2.2rem,6.5vw,4.8rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin-bottom:24px}.title-line{display:block;overflow:hidden}.title-word{display:inline-block;transform:translateY(105%)}.accent-text{background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-blue) 50%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.15rem;color:var(--text-muted);max-width:620px;margin-bottom:40px}.hero-subtitle .highlight{color:var(--text-primary);font-weight:600}.hero-ctas{display:flex;gap:20px}.hero-graphic{position:relative;display:flex;justify-content:center;align-items:center}.code-card{width:100%;max-width:440px;min-width:0;background-color:#090d1ab3;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px #0006,var(--shadow-glow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;position:relative;z-index:2;transition:transform .5s var(--transition-fast),border-color .5s ease}.code-card:hover{border-color:var(--accent-cyan);transform:translateY(-5px)}.code-card-header{background-color:#03071299;padding:14px 20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-color)}.window-dot{width:10px;height:10px;border-radius:50%}.window-dot.red{background-color:#ef4444}.window-dot.yellow{background-color:#eab308}.window-dot.green{background-color:#22c55e}.window-title{margin-left:10px;font-family:monospace;font-size:.8rem;color:var(--text-muted)}.code-card-content{padding:24px;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.5;color:#c9d1d9;text-align:left;overflow-x:auto}.code-keyword{color:#ff7b72}.code-string{color:#a5d6ff}.code-function{color:#d2a8ff}.tech-tag{position:absolute;padding:10px 20px;border-radius:30px;background-color:#090d1acc;border:1px solid var(--border-color);font-size:.85rem;font-weight:600;box-shadow:0 10px 20px #0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:3;transition:all var(--transition-fast);color:var(--text-primary)}.tech-tag:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:var(--shadow-glow)}.tag-1{top:-20px;left:-10px;border-left:3px solid var(--accent-cyan)}.tag-2{top:60px;right:-30px;border-left:3px solid var(--accent-blue)}.tag-3{bottom:80px;left:-40px;border-left:3px solid var(--accent-cyan)}.tag-4{bottom:-10px;right:20px;border-left:3px solid var(--accent-blue)}.tag-5{top:160px;left:180px;border-left:3px solid var(--accent-cyan);font-size:.75rem;opacity:.6}.hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10;pointer-events:none}.scroll-text{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.scroll-mouse{width:22px;height:38px;border:2px solid var(--text-muted);border-radius:12px;position:relative}.scroll-wheel{width:4px;height:8px;background-color:var(--accent-cyan);border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scroll-anim 1.8s infinite}@keyframes scroll-anim{0%{transform:translate(-50%);opacity:0}30%{opacity:1}to{transform:translate(-50%,14px);opacity:0}}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.lead-text{font-size:1.45rem;font-weight:600;line-height:1.6;letter-spacing:-.01em;margin-bottom:24px;border-left:3px solid var(--accent-cyan);padding-left:20px;background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:border-color var(--transition-normal)}.body-text{font-size:1.05rem;line-height:1.8;color:var(--text-muted);margin-bottom:40px;letter-spacing:.01em}.text-highlight{color:var(--text-primary);font-weight:700;background:linear-gradient(120deg,#00f0ff14,#00f0ff08);padding:2px 6px;border-radius:4px;border-bottom:1.5px solid var(--accent-cyan);transition:all .3s ease;text-shadow:0 0 5px rgba(0,240,255,.15);display:inline}.text-highlight:hover{background:linear-gradient(120deg,#00f0ff38,#00f0ff14);box-shadow:0 4px 15px #00f0ff40;text-shadow:0 0 8px rgba(255,255,255,.6);color:#fff}.about-stats-container{display:flex;gap:40px}.stat-box{flex:1;padding:24px 20px;background-color:#ffffff03;border:1px solid var(--border-color);border-radius:12px;transition:all var(--transition-fast)}.stat-box:hover{border-color:var(--border-glow);background-color:#ffffff05;transform:translateY(-4px)}.stat-number{font-family:var(--font-title);font-size:2.8rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-plus{font-family:var(--font-title);font-size:1.8rem;font-weight:700;color:var(--accent-cyan);vertical-align:super;margin-left:2px}.stat-label{font-size:.85rem;color:var(--text-muted);display:block;margin-top:8px;font-weight:500}.about-photo-wrapper{display:flex;justify-content:center}.about-card-glow-base{position:relative}.about-card-glow-base:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);border-radius:24px;z-index:1;opacity:.2;filter:blur(10px);transition:opacity .5s ease}.about-card-glow-base:hover:before{opacity:.4}.about-image-card{width:100%;max-width:320px;height:380px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;position:relative;z-index:2;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 20px 40px #00000080}.profile-avatar-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--text-muted);gap:16px;padding:30px}.profile-avatar-placeholder svg{color:var(--accent-cyan);filter:drop-shadow(0 0 10px rgba(0,240,255,.4))}.profile-avatar-placeholder h3{font-family:var(--font-title);color:var(--text-primary);font-size:1.4rem;font-weight:700}.profile-avatar-placeholder p{font-size:.85rem}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media(max-width:1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.skills-grid{grid-template-columns:1fr}}.skill-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:40px;transition:all var(--transition-normal);position:relative;overflow:hidden}.skill-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--x, 0px) var(--y, 0px),rgba(0,240,255,.05),transparent 40%);pointer-events:none;opacity:0;transition:opacity .5s ease}.skill-card:hover:after{opacity:1}.skill-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.skill-icon{width:56px;height:56px;background-color:#ffffff05;border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);margin-bottom:28px;transition:all var(--transition-fast)}.skill-card:hover .skill-icon{background-color:#00f0ff0d;border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 15px #00f0ff33}.skill-card h3{font-family:var(--font-title);font-size:1.5rem;margin-bottom:24px;font-weight:700}.skill-list{display:flex;flex-direction:column;gap:20px}.skill-list li{display:flex;flex-direction:column;gap:8px}.skill-list li span:first-child{font-size:.95rem;font-weight:500;color:var(--text-primary)}.skill-level-bar{height:4px;background-color:#ffffff0d;border-radius:2px;position:relative;width:100%}.skill-level-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--accent-blue) 0%,var(--accent-cyan) 100%);border-radius:2px;box-shadow:0 0 6px var(--accent-cyan)}.timeline-container{position:relative;max-width:1000px;margin:0 auto;padding-left:50px}.timeline-line-wrapper{position:absolute;left:10px;top:0;bottom:0;width:10px;transform:translate(-50%);pointer-events:none}.timeline-line-svg{display:block;height:100%;width:10px}.timeline-path-active{stroke-dasharray:100;stroke-dashoffset:100}.timeline-items{display:flex;flex-direction:column;gap:50px}.timeline-item{position:relative}.timeline-marker{width:20px;height:20px;border-radius:50%;background-color:var(--bg-dark);border:4px solid var(--accent-cyan);position:absolute;left:-50px;top:24px;transform:translate(-50%);z-index:10;box-shadow:0 0 10px var(--accent-cyan);transition:background-color .3s ease,transform .3s ease}.timeline-item:hover .timeline-marker{background-color:var(--accent-cyan);transform:translate(-50%) scale(1.2)}.timeline-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:36px 40px;transition:all var(--transition-normal)}.timeline-content:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.timeline-date{font-family:var(--font-title);font-size:.9rem;font-weight:700;color:var(--accent-cyan);display:block;margin-bottom:8px}.timeline-title{font-family:var(--font-title);font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1.2}.timeline-company{font-size:1.05rem;font-weight:600;color:var(--accent-blue);margin-bottom:20px}.timeline-bullets{display:flex;flex-direction:column;gap:12px;padding-left:18px;list-style-type:square;color:var(--text-muted)}.timeline-bullets li{font-size:.95rem}.education-card{border-left:4px solid var(--accent-blue)}.timeline-desc{color:var(--text-muted);font-size:.95rem}.projects-section{position:relative;overflow:hidden}.projects-sticky-wrapper{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.projects-title-container{padding-top:60px;margin-bottom:30px}.projects-horizontal-track{display:flex;flex-wrap:nowrap;padding-left:10vw;padding-right:10vw;width:max-content;gap:60px;align-items:center}.project-slide{flex-shrink:0;width:80vw;max-width:900px}.project-card{display:grid;grid-template-columns:1fr 1fr;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px #0000004d;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.project-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.project-image-wrapper{position:relative;height:400px;background-color:#0d1224;overflow:hidden}.project-placeholder-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.p-bg-1{background:linear-gradient(135deg,#030712f2,#0d1b2ae6)}.p-bg-2{background:linear-gradient(135deg,#030712f2,#1b263be6)}.p-bg-3{background:linear-gradient(135deg,#030712f2,#415a77e6)}.project-badge-tag{position:absolute;top:20px;left:20px;background-color:#030712cc;border:1px solid var(--border-color);padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;color:var(--accent-cyan);z-index:10}.project-graphic-overlay{display:flex;flex-direction:column;width:80%;height:60%;background-color:#090d1ad9;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 15px 30px #00000080;overflow:hidden;padding:16px;color:var(--text-primary);font-family:monospace;font-size:.8rem;gap:12px}.terminal-header{border-bottom:1px solid var(--border-color);padding-bottom:8px;color:var(--text-muted)}.terminal-body{display:flex;flex-direction:column;gap:6px}.t-green{color:#22c55e}.t-blue{color:#3b82f6}.t-yellow{color:#eab308}.seo-gauge{align-self:center;width:90px;height:90px;border-radius:50%;border:6px solid var(--accent-cyan);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 15px #00f0ff33}.seo-num{font-size:1.8rem;font-weight:800;color:var(--accent-cyan);line-height:1}.seo-label{font-size:.5rem;color:var(--text-muted)}.leads-chart{display:flex;align-items:flex-end;height:50px;gap:8px;justify-content:center;margin-top:10px}.leads-chart .bar{width:14px;background-color:var(--accent-blue);border-radius:2px}.bar-1{height:20%}.bar-2{height:50%}.bar-3{height:75%;background-color:var(--accent-cyan)!important}.bar-4{height:95%;background-color:var(--accent-cyan)!important}.project-info{padding:50px;display:flex;flex-direction:column;justify-content:center}.project-number{font-family:var(--font-title);font-size:1.2rem;font-weight:800;color:var(--accent-cyan);margin-bottom:12px;display:block}.project-card h3{font-family:var(--font-title);font-size:2rem;font-weight:700;margin-bottom:16px;line-height:1.2}.project-desc{color:var(--text-muted);font-size:.95rem;margin-bottom:28px}.project-tags{display:flex;flex-wrap:wrap;gap:10px}.project-tags span{font-size:.75rem;font-weight:600;background-color:#ffffff08;border:1px solid var(--border-color);padding:4px 12px;border-radius:20px;color:var(--text-muted)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}@media(max-width:1200px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.services-grid{grid-template-columns:1fr}}.service-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:40px;position:relative;overflow:hidden;transition:transform var(--transition-normal),border-color var(--transition-normal);z-index:1}.service-glow-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(300px circle at var(--x, 0px) var(--y, 0px),rgba(0,240,255,.08),transparent 50%);pointer-events:none;z-index:0;opacity:0;transition:opacity .5s ease}.service-card:hover .service-glow-effect{opacity:1}.service-card:hover{transform:translateY(-8px);border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.service-content{position:relative;z-index:1;pointer-events:none}.service-icon{width:64px;height:64px;background-color:#ffffff05;border:1px solid var(--border-color);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);margin-bottom:30px;transition:all var(--transition-fast)}.service-card:hover .service-icon{background-color:#00f0ff0d;border-color:var(--accent-cyan);box-shadow:0 0 15px #00f0ff26}.service-card h3{font-family:var(--font-title);font-size:1.4rem;font-weight:700;margin-bottom:16px;line-height:1.3}.service-card p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.contact-info h3{font-family:var(--font-title);font-size:2.2rem;font-weight:700;margin-bottom:20px}.contact-info-desc{color:var(--text-muted);font-size:1.05rem;margin-bottom:48px;max-width:460px}.contact-methods{display:flex;flex-direction:column;gap:24px}.contact-method-card{display:flex;align-items:center;gap:20px;padding:20px 24px;background-color:#ffffff03;border:1px solid var(--border-color);border-radius:12px;transition:all var(--transition-fast)}.contact-method-card:hover{border-color:var(--border-glow);background-color:#ffffff05;transform:translate(5px)}.method-icon{width:48px;height:48px;background-color:#00f0ff0a;border:1px solid rgba(0,240,255,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan)}.method-detail{display:flex;flex-direction:column}.method-label{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.method-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.contact-form-wrapper{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:50px}.contact-form{display:flex;flex-direction:column;gap:32px}.form-group{position:relative;width:100%}.form-input{width:100%;padding:10px 0;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1rem;transition:border-color var(--transition-fast)}.form-textarea{resize:none}.form-label{position:absolute;left:0;top:10px;color:var(--text-muted);font-size:1rem;pointer-events:none;transition:transform .3s ease,color .3s ease}.form-input:focus~.form-label,.form-input:not(:placeholder-shown)~.form-label{transform:translateY(-20px) scale(.85);transform-origin:left;color:var(--accent-cyan)}.form-line{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--accent-cyan);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.form-input:focus~.form-line{transform:scaleX(1)}.btn-submit{align-self:flex-start;margin-top:10px}.footer{border-top:1px solid var(--border-color);padding:40px 0;background-color:#030712cc}.footer-container{display:flex;justify-content:space-between;align-items:center}.footer-copy,.footer-design{font-size:.85rem;color:var(--text-muted)}@media(max-width:1024px){.hero-title{font-size:3.8rem}.hero-container{gap:40px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:50px}.about-photo-wrapper{order:-1}.projects-horizontal-track{padding-left:5vw;gap:40px}.project-slide{width:90vw}.project-card{grid-template-columns:1fr}.project-image-wrapper{height:300px}}@media(max-width:768px){html{font-size:15px}.custom-cursor-dot,.custom-cursor-ring{display:none!important}.container{padding:0 24px}.section-padding{padding:80px 0}.section-title{font-size:2.6rem}.header{top:16px;width:calc(100% - 32px);padding:6px 18px;border-radius:40px}.header.scrolled{top:8px;max-width:100%}.btn-header-cta{display:none}.nav{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background-color:var(--bg-card);border-left:1px solid var(--border-color);z-index:998;padding:100px 30px;transition:right .4s cubic-bezier(.25,.8,.25,1)}.nav.active{right:0}.nav-list{flex-direction:column;align-items:stretch;gap:20px;background:none;border:none;padding:0;border-radius:0}.nav-active-pill{display:none!important}.nav-link{font-size:1.1rem;padding:8px 0;display:block;border-radius:0}.mobile-only{display:block!important}.mobile-toggle{display:flex}.mobile-toggle.active .toggle-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-toggle.active .toggle-line:nth-child(2){opacity:0}.mobile-toggle.active .toggle-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero-container{grid-template-columns:minmax(0,1fr);text-align:center;padding-bottom:60px}.hero-content{align-items:center}.hero-badge-wrapper{align-self:center}.hero-title{font-size:clamp(1.8rem,8vw,3.2rem);width:100%}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.hero-ctas .btn{padding:12px 28px;font-size:.95rem;width:100%;max-width:280px;justify-content:center}.hero-graphic{margin-top:40px;width:100%;max-width:100%}.code-card{max-width:100%}.code-card-content{font-size:.75rem;padding:16px}.tech-tag{display:none}.about-stats-container{flex-direction:column;gap:20px}.timeline-container{padding-left:30px}.timeline-marker{left:-30px}.projects-sticky-wrapper{position:relative;min-height:auto;display:block}.projects-horizontal-track{display:flex;flex-direction:column;width:100%!important;padding:0 24px;gap:30px;transform:none!important}.project-slide{width:100%;max-width:100%}.project-info,.contact-form-wrapper{padding:30px 24px}.footer-container{flex-direction:column;gap:16px;text-align:center}}.profile-img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,1,.5,1),filter .8s ease;filter:grayscale(15%) contrast(105%)}.about-image-card:hover .profile-img{transform:scale(1.06);filter:grayscale(0%) contrast(100%)}.profile-img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#03071299,#03071200 50%);z-index:1;pointer-events:none}.profile-img-frame{position:absolute;top:15px;left:15px;right:15px;bottom:15px;border:1.5px solid rgba(0,240,255,.25);border-radius:12px;z-index:2;pointer-events:none;transition:border-color var(--transition-normal),transform var(--transition-normal)}.about-image-card:hover .profile-img-frame{border-color:var(--accent-cyan);transform:scale(.96)}.tech-marquee-wrapper{overflow:hidden;background-color:#090d1a66;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:26px 0;position:relative;width:100%;z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:20px}.tech-marquee-content{display:flex;white-space:nowrap;gap:50px;width:max-content;animation:marquee-anim 30s linear infinite;align-items:center}.tech-marquee-wrapper:hover .tech-marquee-content{animation-play-state:paused}.marquee-item{font-family:var(--font-title);font-size:1.8rem;font-weight:700;letter-spacing:.05em;color:#ffffffb3;transition:color .3s ease,text-shadow .3s ease}.marquee-item:hover{color:var(--accent-cyan);text-shadow:0 0 15px rgba(0,240,255,.4)}.marquee-dot{color:var(--accent-cyan);font-size:1.4rem;text-shadow:0 0 8px var(--accent-cyan)}@keyframes marquee-anim{0%{transform:translate(0)}to{transform:translate(-50%)}}.theme-switcher-container{position:fixed;bottom:30px;right:30px;background-color:#090d1acc;border:1px solid var(--border-color);padding:12px 18px;border-radius:30px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:999;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px #00000080,var(--shadow-glow);transition:border-color .3s ease,box-shadow .3s ease}.theme-switcher-container:hover{border-color:var(--accent-cyan)}.switcher-title{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.theme-buttons{display:flex;gap:12px}.theme-btn{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;box-shadow:0 0 5px #00000080;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.theme-btn:hover{transform:scale(1.25)}.theme-btn.active{border-color:var(--text-primary);transform:scale(1.15);box-shadow:0 0 8px var(--text-primary)}.theme-cyan{background-color:#00f0ff}.theme-emerald{background-color:#10b981}.theme-magenta{background-color:#d946ef}.theme-amber{background-color:#f59e0b}@media(max-width:768px){.theme-switcher-container{bottom:20px;right:20px;padding:8px 14px}.contact-method-card{padding:16px 20px;gap:16px}.method-icon{flex-shrink:0}.method-detail{min-width:0}.method-value{font-size:.95rem;word-break:break-word}.social-inline-links{flex-wrap:wrap;gap:8px 10px}}.servertrack-graphic{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90%!important;width:90%!important;padding:24px}.track-flow{display:flex;align-items:center;gap:12px;width:100%;justify-content:space-around}.flow-node{background-color:var(--bg-dark);border:1px solid var(--border-color);padding:10px 14px;border-radius:8px;font-size:.8rem;font-weight:700;text-align:center;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.node-wp{border-left:3px solid #21759b}.node-st{border:1.5px solid var(--accent-cyan);box-shadow:0 0 12px #00f0ff33;color:var(--accent-cyan);font-weight:800}.flow-arrow{color:var(--accent-cyan);font-size:1.2rem;animation:flow-arrow-pulse 1.5s infinite ease-in-out;text-shadow:0 0 5px var(--accent-cyan)}@keyframes flow-arrow-pulse{0%,to{opacity:.3;transform:translate(-2px)}50%{opacity:1;transform:translate(2px)}}.flow-targets{display:flex;flex-direction:column;gap:8px}.target-badge{background-color:#ffffff05;border:1px solid var(--border-color);padding:6px 12px;border-radius:6px;font-size:.7rem;font-weight:600;text-align:center;transition:all var(--transition-fast)}.target-badge:hover{border-color:var(--accent-blue);color:var(--accent-cyan);background-color:#00f0ff08}.flow-status{margin-top:20px;font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:8px;font-family:monospace}.pulse-green-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;animation:pulse-dot-green 1.8s infinite ease-in-out}@keyframes pulse-dot-green{0%{transform:scale(.85);opacity:.5;box-shadow:0 0 #22c55e00}50%{transform:scale(1.2);opacity:1;box-shadow:0 0 10px #22c55e99}to{transform:scale(.85);opacity:.5;box-shadow:0 0 #22c55e00}}@media(max-width:580px){.track-flow{flex-direction:column;gap:8px}.flow-arrow{animation:flow-arrow-pulse-vertical 1.5s infinite ease-in-out}.flow-targets{flex-direction:row;gap:6px;flex-wrap:wrap;justify-content:center}}@keyframes flow-arrow-pulse-vertical{0%,to{opacity:.3;transform:rotate(90deg) translateY(-2px)}50%{opacity:1;transform:rotate(90deg) translateY(2px)}}.custom-toast{position:fixed;bottom:40px;left:40px;background-color:#090d1ae6;border:1px solid var(--border-color);padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:14px;z-index:10000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px #00000080;pointer-events:none}.custom-toast.success{border-left:4px solid var(--accent-cyan);box-shadow:0 0 20px #00f0ff26}.custom-toast.error{border-left:4px solid #ef4444;box-shadow:0 0 20px #ef444426}.toast-icon{font-size:1.1rem;font-weight:700}.custom-toast.success .toast-icon{color:var(--accent-cyan)}.custom-toast.error .toast-icon{color:#ef4444}.toast-text{font-size:.95rem;font-weight:600;color:var(--text-primary)}@media(max-width:768px){.custom-toast{left:20px;right:20px;bottom:20px;justify-content:center}}.floating-socials{position:fixed;left:40px;bottom:0;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:900}.social-icon-link{color:var(--text-muted);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.social-icon-link:hover{color:var(--accent-cyan);background:#00f0ff0d;border-color:#00f0ff4d;box-shadow:0 0 15px #00f0ff33;transform:translateY(-4px)}.socials-vertical-line{width:1px;height:90px;background:linear-gradient(to bottom,var(--border-color),transparent)}@media(max-width:900px){.floating-socials{display:none!important}}.social-inline-links{display:flex;align-items:center;gap:12px;margin-top:4px}.social-link-inline{color:var(--accent-cyan);font-weight:600;text-decoration:none;font-size:.95rem;transition:all .3s ease;position:relative}.social-link-inline:hover{text-shadow:0 0 10px var(--accent-cyan);color:var(--text-primary)}.social-inline-links .separator{color:var(--text-muted);font-size:.8rem;opacity:.5}.footer-socials{display:flex;gap:18px;align-items:center}.footer-social-link{color:var(--text-muted);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.footer-social-link:hover{color:var(--accent-cyan);transform:translateY(-2px)}.research-container{max-width:880px;margin:0 auto;padding:140px 24px 80px;position:relative}.research-hero{text-align:center;margin-bottom:60px}.research-badge-wrapper{margin-bottom:20px}.research-badge{display:inline-flex;align-items:center;gap:8px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);padding:6px 16px;border-radius:30px;font-family:var(--font-title);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-cyan);box-shadow:0 0 15px #00f0ff1a}.research-title{font-family:var(--font-title);font-size:2.8rem;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:24px}.research-meta{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;font-size:.9rem;color:var(--text-muted);font-weight:500}.research-meta span{display:flex;align-items:center;gap:6px}.research-meta .separator{opacity:.3}.research-article{font-size:1.125rem;line-height:1.85;color:var(--text-muted)}.research-article p{margin-bottom:28px}.research-article h2{font-family:var(--font-title);font-size:1.95rem;font-weight:700;color:var(--text-primary);margin-top:60px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.research-article h3{font-family:var(--font-title);font-size:1.35rem;font-weight:600;color:var(--text-primary);margin-top:40px;margin-bottom:16px}.research-article h4{font-family:var(--font-title);font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-top:30px;margin-bottom:12px}.research-article hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent);margin:50px 0}.research-article ul,.research-article ol{margin-left:28px;margin-bottom:28px}.research-article li{margin-bottom:10px}.research-article blockquote{border-left:4px solid var(--accent-cyan);background:#00f0ff04;border-radius:0 16px 16px 0;padding:24px 30px;margin:36px 0;font-style:italic;color:var(--text-muted)}.research-article code{font-family:monospace;background:#ffffff08;padding:2px 6px;border-radius:4px;font-size:.95rem;color:var(--accent-cyan)}.research-article pre code{background:none;padding:0;color:inherit;font-size:inherit}.diagram-card{margin:36px 0;padding:30px;background:#03071266;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 40px #0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.diagram-title{font-family:var(--font-title);font-size:.85rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:24px;text-align:center;opacity:.8}.pipeline-visual{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0}.pipeline-step{flex:1;background:#ffffff03;border:1px solid var(--border-color);padding:20px 16px;border-radius:12px;text-align:center;transition:all .3s ease}.pipeline-step:hover{border-color:var(--accent-cyan);box-shadow:0 0 20px #00f0ff1a;background:#ffffff05}.pipeline-step-title{font-weight:700;font-size:.95rem;color:var(--text-primary);margin-bottom:6px}.pipeline-step-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.pipeline-arrow{color:var(--accent-cyan);font-size:1.8rem;font-weight:300}.math-block{margin:36px 0;padding:24px;background:#ffffff03;border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:1.35rem;color:var(--text-primary);overflow-x:auto;font-family:Outfit,sans-serif;box-shadow:0 4px 20px #0003}.research-table-wrapper{overflow-x:auto;margin:36px 0;border-radius:12px;border:1px solid var(--border-color)}.research-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.research-table th{background:#ffffff08;padding:18px 24px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.research-table td{padding:18px 24px;border-bottom:1px solid var(--border-color);color:var(--text-muted);line-height:1.5}.research-table tr:last-child td{border-bottom:none}.research-table tr:hover td{background:#ffffff03;color:var(--text-primary)}.back-home-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-weight:600;font-size:.9rem;margin-bottom:30px;transition:all .3s ease}.back-home-link:hover{color:var(--accent-cyan);transform:translate(-4px)}@media(max-width:768px){.research-container{padding:110px 20px 60px}.research-title{font-size:2rem}.pipeline-visual{flex-direction:column;gap:8px}.pipeline-step{width:100%}.pipeline-arrow{transform:rotate(90deg);margin:4px 0;font-size:1.4rem}}.page-transition-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#030712;z-index:9999;transform:translateY(100%);pointer-events:none;border-top:3px solid var(--accent-cyan);box-shadow:0 -20px 40px #00f0ff33}.research-container-prep{opacity:0;transform:translateY(40px)}