:root{--bg-primary:#030014;--bg-secondary:#0a0720;--card-bg:#0a072073;--card-border:#ffffff0f;--card-border-glow:#7c3aed4d;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf680;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d480;--accent-green:#10b981;--accent-green-glow:#10b98166;--accent-orange:#f97316;--accent-orange-glow:#f9731666;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--font-heading:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden}body{min-height:100vh;line-height:1.6;position:relative}::-webkit-scrollbar-track{background:var(--bg-primary)}.space-background{z-index:-20;background-color:var(--bg-primary);position:fixed;inset:0;overflow:hidden}.cosmic-nebula{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:absolute;top:10%;left:20%}.cosmic-nebula-2{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#06b6d41a 0%,#0000 70%);border-radius:50%;width:45vw;height:45vw;position:absolute;bottom:10%;right:15%}.stars-overlay{opacity:.12;pointer-events:none;background-image:radial-gradient(#fff,#fff3 2px,#0000 40px);background-size:550px 550px;animation:150s linear infinite backgroundMove;position:absolute;inset:0}@keyframes backgroundMove{0%{background-position:0 0}to{background-position:550px 1100px}}section{padding:8rem 0 4rem;position:relative}.section-title h2{font-family:var(--font-heading);letter-spacing:-.025em;background:linear-gradient(135deg, var(--text-primary) 30%, #f8fafc99 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:2.75rem;font-weight:800}.section-title p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--card-border);transition:border var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);border-radius:1.25rem}.glass-card:hover{border-color:var(--card-border-glow);transform:translateY(-4px);box-shadow:0 10px 30px -10px #8b5cf626}.glow-effect{position:relative}.glow-effect:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));z-index:-1;opacity:0;transition:opacity var(--transition-normal);position:absolute;inset:-1px}.glow-effect:hover:after{opacity:.35}.input-control{border:1px solid var(--card-border);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-normal);background:#0a072099;border-radius:.75rem;padding:1rem 1.25rem;font-size:.95rem}.input-control:focus{border-color:var(--accent-purple);background:#0a0720d9;outline:none;box-shadow:0 0 15px #8b5cf640}textarea.input-control{resize:vertical;min-height:150px}.btn-primary{background:linear-gradient(135deg, var(--accent-purple) 0%, #7c3aed 100%);color:#fff;font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 20px #8b5cf64d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf680}.btn-secondary{color:var(--text-primary);font-family:var(--font-heading);border:1px solid var(--card-border);cursor:pointer;transition:all var(--transition-normal);background:#ffffff0a;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:4s ease-in-out infinite float}.badge{font-family:var(--font-mono);border:1px solid var(--card-border);color:var(--text-secondary);background:#ffffff0a;border-radius:100px;align-items:center;padding:.35rem .85rem;font-size:.75rem;font-weight:500;display:inline-flex}@media (width<=768px){section{padding:6rem 0 3rem}.section-title{margin-bottom:3rem}.section-title h2{font-size:2.25rem}.container{padding:0 1.5rem}}:root{--bg-primary:#000;--bg-secondary:#1d1d1f;--card-bg:#1d1d1f;--card-border:#333336;--card-border-glow:#424245;--accent-blue:#06c;--accent-grey:#86868b;--accent-light:#f5f5f7;--text-primary:#fff;--text-secondary:#f5f5f7;--text-muted:#86868b;--shadow-main:0 20px 50px #0009;--shadow-hover:0 30px 65px #000c;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--font-mono:"SF Mono", "JetBrains Mono", monospace;--transition-fast:.2s cubic-bezier(.25, 1, .5, 1);--transition-normal:.4s cubic-bezier(.25, 1, .5, 1);--transition-slow:.8s cubic-bezier(.25, 1, .5, 1);--transition-theme:background-color .5s cubic-bezier(.25, 1, .5, 1), color .5s cubic-bezier(.25, 1, .5, 1), border-color .5s cubic-bezier(.25, 1, .5, 1), box-shadow .5s cubic-bezier(.25, 1, .5, 1)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f7;--card-bg:#fff;--card-border:#d2d2d7;--card-border-glow:#86868b;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-muted:#86868b;--shadow-main:0 15px 40px #0000000a;--shadow-hover:0 20px 50px #00000014}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-theme);overflow-x:hidden}body{-webkit-font-smoothing:antialiased;background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);transition:var(--transition-theme);line-height:1.5;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary);transition:var(--transition-theme)}::-webkit-scrollbar-thumb{background:#86868b33;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#86868b66}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}section{transition:var(--transition-theme);padding:8rem 0;position:relative}.section-title{text-align:center;margin-bottom:5rem}.section-title h2{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);transition:var(--transition-theme);margin-bottom:.75rem;font-size:3.25rem;font-weight:800}.section-title p{color:var(--text-secondary);max-width:600px;transition:var(--transition-theme);margin:0 auto;font-size:1.15rem}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-main);transition:var(--transition-theme), border var(--transition-normal), box-shadow var(--transition-normal), transform var(--transition-normal);border-radius:2rem;overflow:hidden}.glass-card:hover{border-color:var(--card-border-glow);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.header-nav{z-index:1000;-webkit-backdrop-filter:blur(25px);width:100%;height:65px;transition:var(--transition-theme);background:#1d1d1fa6;border-bottom:1px solid #ffffff14;align-items:center;display:flex;position:fixed;top:0;left:0}[data-theme=light] .header-nav{background:#ffffffa6;border-bottom:1px solid #00000014}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.04em;transition:var(--transition-theme);align-items:center;gap:.65rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.header-logo-img{object-fit:contain;border-radius:6px;width:28px;height:28px}.desktop-nav{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);font-family:var(--font-heading);transition:var(--transition-theme);font-size:.85rem;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-resume-btn{background:var(--text-primary);color:var(--bg-primary);font-family:var(--font-heading);transition:var(--transition-theme), transform var(--transition-normal);border:none;border-radius:99px;align-items:center;padding:.35rem 1.15rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-resume-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000001a}.theme-toggle-btn{color:var(--text-secondary);cursor:pointer;width:32px;height:32px;transition:var(--transition-theme);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{color:var(--text-primary);background:#ffffff0d}[data-theme=light] .theme-toggle-btn:hover{background:#0000000d}.nav-actions-mobile{align-items:center;gap:.5rem;display:none}.mobile-only-cv-btn{display:none}.mobile-menu-toggle{color:var(--text-primary);cursor:pointer;transition:var(--transition-theme);background:0 0;border:none;align-items:center;display:flex}.hero-banner-section{aspect-ratio:16/9;background-color:var(--bg-primary);z-index:1;width:100%;margin-top:65px;position:relative;overflow:hidden}.hero-banner-bg{pointer-events:none;transform-origin:50%;will-change:transform;width:100%;height:120%;position:absolute;top:0;left:0}.hero-banner-bg img{object-fit:cover;object-position:center center;opacity:.85;width:100%;height:100%}.hero-banner-overlay{pointer-events:none;background:linear-gradient(to bottom, transparent 50%, var(--bg-primary) 98%, var(--bg-primary) 100%);transition:var(--transition-theme);z-index:2;position:absolute;inset:0}.scroll-indicator-container{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:-50px;margin-bottom:25px;display:flex;position:relative}.scroll-hint-text{color:#ffffffa6;text-transform:uppercase;letter-spacing:1.5px;font-size:.65rem;font-weight:500}.apple-action-btn{width:44px;height:44px;color:var(--text-primary);-webkit-backdrop-filter:blur(16px);pointer-events:auto;background:#86868b40;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;box-shadow:0 4px 16px #0006}.apple-action-btn.horizontal-pill{border-radius:16px;width:72px;height:32px}.pager-dots{align-items:center;gap:6px;display:flex}.pager-dots .dot{background-color:var(--text-primary);border-radius:50%;width:6px;height:6px}.intro-profile-section{z-index:10;margin-top:-120px;position:relative}.intro-card-glass{grid-template-columns:.8fr 1.2fr;align-items:center;gap:3.5rem;padding:3.5rem;display:grid}.intro-avatar-col{justify-content:center;display:flex}.intro-avatar-img{filter:drop-shadow(0 15px 30px #0000004d);border-radius:2rem;width:100%;max-width:280px;height:auto}.intro-text-col{flex-direction:column;align-items:flex-start;display:flex}.hero-pill{background:var(--bg-secondary);border:1px solid var(--card-border);font-size:.8rem;font-family:var(--font-heading);color:var(--text-secondary);transition:var(--transition-theme);border-radius:99px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.45rem 1.25rem;font-weight:650;display:inline-flex}.sparkle-blue{color:var(--accent-blue)}.intro-text-col h1{font-family:var(--font-heading);letter-spacing:-.04em;color:var(--text-primary);transition:var(--transition-theme);margin-bottom:.75rem;font-size:4rem;font-weight:850;line-height:1.1}.accent-grey{color:var(--accent-grey)}.hero-tagline{color:var(--text-secondary);transition:var(--transition-theme);margin-bottom:1.5rem;font-size:1.25rem;line-height:1.6}.apps-deployed-badge{align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.deployed-text{color:var(--text-primary);opacity:.9;font-size:.95rem;font-weight:600}.store-icons-group{align-items:center;gap:.75rem;display:flex}.store-icon{object-fit:contain;filter:drop-shadow(0 4px 6px #0003);width:32px;height:32px;transition:opacity .3s,transform .3s}.store-icon:hover{transform:scale(1.05)}.hero-cta-buttons{align-items:center;gap:1.25rem;display:flex}.experience-roadmap-section{background-color:var(--bg-secondary);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);transition:var(--transition-theme);overflow-x:hidden}.roadmap-timeline{max-width:1100px;margin:0 auto;padding:4rem 0;position:relative}.timeline-spine{background:linear-gradient(to bottom, transparent 0%, var(--card-border-glow) 5%, var(--accent-blue) 50%, var(--card-border-glow) 95%, transparent 100%);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.roadmap-row{grid-template-columns:1fr 1fr;align-items:center;gap:100px;width:100%;margin-bottom:6rem;display:grid;position:relative}.roadmap-row:last-child{margin-bottom:0}.row-left .roadmap-col-media{grid-area:1/1}.row-left .roadmap-col-content,.row-right .roadmap-col-media{grid-area:1/2}.row-right .roadmap-col-content{grid-area:1/1}.roadmap-dot-container{z-index:10;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-dot{background:var(--bg-secondary);border:2px solid var(--accent-blue);width:18px;height:18px;transition:var(--transition-theme);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 12px #06c6}.dot-inner{background:var(--accent-blue);border-radius:50%;width:8px;height:8px;animation:2.5s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.roadmap-col-media,.roadmap-floating-portrait{justify-content:center;align-items:center;width:100%;display:flex}.roadmap-portrait-img{object-fit:contain;filter:drop-shadow(0 15px 35px #00000073);-webkit-mask-composite:source-in;will-change:transform, opacity;width:auto;max-width:100%;height:auto;max-height:440px;transition:transform .6s cubic-bezier(.25,1,.5,1);transform:translateZ(0);-webkit-mask-image:linear-gradient(#000 80%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.roadmap-col-media:hover .roadmap-portrait-img{transform:scale(1.04)}.roadmap-col-content{width:100%}.roadmap-text-card{width:100%;overflow:hidden}.roadmap-company-header{border-bottom:1px solid var(--card-border);transition:var(--transition-theme);align-items:center;gap:.85rem;padding:1.25rem 1.75rem;display:flex}.roadmap-company-logo{object-fit:contain;width:auto;max-width:80px;height:28px}.roadmap-company-name{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);transition:var(--transition-theme);font-size:1.15rem;font-weight:800}.roadmap-active-pill{font-family:var(--font-heading);color:var(--accent-blue);white-space:nowrap;background:#0066cc1f;border:1px solid #0066cc40;border-radius:99px;margin-left:auto;padding:.2rem .75rem;font-size:.7rem;font-weight:700}.roadmap-card-body{padding:1.75rem}.roadmap-role{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);transition:var(--transition-theme);margin-bottom:.65rem;font-size:1.35rem;font-weight:800}.roadmap-meta-row{flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem;display:flex}.roadmap-duration,.roadmap-location{font-family:var(--font-body);color:var(--text-muted);transition:var(--transition-theme);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.roadmap-desc{color:var(--text-secondary);transition:var(--transition-theme);font-size:.92rem;line-height:1.65}.roadmap-desc strong{color:#06c;font-weight:600}.roadmap-desc ul{margin:0;padding-left:1.25rem;list-style-type:disc}.roadmap-desc li{margin-bottom:.5rem}.roadmap-desc li:last-child{margin-bottom:0}.roadmap-bottom-grid{grid-template-columns:.4fr 1fr;gap:1.5rem;margin-top:5rem;display:grid}.roadmap-stats-card{padding:2.5rem}.roadmap-stats-card h3{font-family:var(--font-heading);transition:var(--transition-theme);margin-bottom:1.5rem;font-size:1.35rem;font-weight:700}.bento-stats-grid{grid-template-columns:1fr;gap:1.25rem;margin-top:auto;display:grid}.bento-stat{border-bottom:1px solid var(--card-border);transition:var(--transition-theme);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.bento-stat:last-child{border-bottom:none}.bento-stat span{font-family:var(--font-heading);color:var(--text-primary);transition:var(--transition-theme);font-size:2rem;font-weight:800}.bento-stat p{color:var(--text-secondary);transition:var(--transition-theme);font-size:.85rem;font-weight:600}.roadmap-skills-card{padding:2.5rem}.roadmap-skills-card h3,.bento-card-header h3{font-family:var(--font-heading);transition:var(--transition-theme);margin-bottom:.35rem;font-size:1.65rem;font-weight:850}.roadmap-skills-card .bento-card-header p,.bento-card-header p{color:var(--text-secondary);transition:var(--transition-theme);margin-bottom:2rem;font-size:.95rem}.bento-skills-list{flex-wrap:wrap;gap:.75rem;display:flex}.bento-skill-capsule{background:var(--bg-primary);border:1px solid var(--card-border);color:var(--text-primary);font-family:var(--font-heading);transition:var(--transition-theme), transform var(--transition-normal);border-radius:99px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.bento-skill-capsule:hover{background:var(--bg-secondary);border-color:var(--card-border-glow);transform:translateY(-1px)}.capsule-sub{font-family:var(--font-mono);color:var(--text-muted);transition:var(--transition-theme);font-size:.7rem}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3.5rem;display:flex}.filter-btn{background:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-secondary);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-theme), transform var(--transition-normal);border-radius:99px;padding:.45rem 1.2rem;font-size:.9rem;font-weight:600}.filter-btn:hover,.filter-btn.active{background:var(--text-primary);color:var(--bg-primary);box-shadow:var(--shadow-hover);border-color:#0000}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:2rem;display:grid}.project-card-apple{flex-direction:column;height:100%;display:flex;overflow:hidden}.project-img-container{background:var(--bg-secondary);border-bottom:1px solid var(--card-border);width:100%;height:195px;transition:var(--transition-theme);position:relative;overflow:hidden}.project-img-container img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.project-card-apple:hover .project-img-container img{transform:scale(1.04)}.project-overlay{background:var(--bg-primary);border:1px solid var(--card-border);font-family:var(--font-mono);color:var(--accent-blue);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:var(--transition-theme);border-radius:4px;padding:.2rem .6rem;font-size:.65rem;font-weight:700;position:absolute;top:1rem;right:1rem}.project-info{flex-direction:column;flex-grow:1;padding:1.75rem;display:flex}.project-info h3{font-family:var(--font-heading);color:var(--text-primary);transition:var(--transition-theme);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.proj-desc{color:var(--text-secondary);transition:var(--transition-theme);flex-grow:1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.project-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.proj-tag{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--card-border);transition:var(--transition-theme);border-radius:4px;padding:.15rem .5rem;font-size:.7rem;display:inline-block}.project-footer{border-top:1px solid var(--card-border);transition:var(--transition-theme);padding-top:1rem}.project-link{font-family:var(--font-heading);color:var(--accent-blue);transition:opacity var(--transition-fast);align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.project-link:hover{opacity:.85}.testimonials-static-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:2rem;display:grid}.testimonial-card-apple{padding:2.5rem}.quote-icon{color:var(--card-border);transition:var(--transition-theme);margin-bottom:1.5rem}.testi-text{color:var(--text-secondary);transition:var(--transition-theme);margin-bottom:1.75rem;font-size:.95rem;font-style:italic;line-height:1.6}.testi-author h4{font-family:var(--font-heading);color:var(--text-primary);transition:var(--transition-theme);font-size:1.05rem;font-weight:700}.testi-author p{color:var(--text-muted);transition:var(--transition-theme);margin-top:.1rem;font-size:.8rem}.contact-section-apple{border-top:1px solid var(--card-border);transition:var(--transition-theme)}.contact-grid{grid-template-columns:.85fr 1.15fr;gap:3.5rem;margin-top:2rem;display:grid}.contact-info-column{flex-direction:column;padding:3.5rem;display:flex}.contact-info-column h3,.contact-form-column h3{font-family:var(--font-heading);margin-bottom:1rem;font-size:1.75rem}.contact-info-column p{color:var(--text-secondary);transition:var(--transition-theme);margin-bottom:3rem;font-size:.95rem}.contact-details-list{flex-direction:column;gap:2rem;margin-bottom:auto;display:flex}.c-detail-item{align-items:flex-start;gap:1.25rem;display:flex}.c-icon{color:var(--accent-blue);transition:var(--transition-theme);flex-shrink:0;margin-top:.15rem}.c-detail-item h4{font-family:var(--font-heading);transition:var(--transition-theme);margin-bottom:.15rem;font-size:.95rem;font-weight:600}.c-detail-item p{color:var(--text-secondary);transition:var(--transition-theme);font-size:.9rem}.c-detail-item p a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.c-detail-item p a:hover{color:var(--accent-blue)}.social-connect-links{gap:1rem;margin-top:3.5rem;display:flex}.social-connect-links a{background:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-secondary);width:44px;height:44px;transition:var(--transition-theme), transform var(--transition-normal);border-radius:.75rem;justify-content:center;align-items:center;display:flex}.social-connect-links a:hover{background:var(--text-primary);color:var(--bg-primary);box-shadow:var(--shadow-hover);border-color:#0000;transform:translateY(-3px)}.contact-form-column{padding:3.5rem}.form-group-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.contact-form-column .input-control{background:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-primary);transition:var(--transition-theme), border-color var(--transition-normal), box-shadow var(--transition-normal);margin-bottom:1.5rem}.contact-form-column .input-control:focus{border-color:var(--accent-blue);background:var(--card-bg);box-shadow:0 0 10px #0066cc26}.btn-submit-wrapper{width:100%}.btn-submit{justify-content:center;width:100%}.contact-alert{background:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-primary);transition:var(--transition-theme);border-radius:.75rem;margin-top:1.5rem;padding:1.15rem;font-size:.9rem;line-height:1.5}.footer-credits{border-top:1px solid var(--card-border);text-align:center;color:var(--text-muted);transition:var(--transition-theme);margin-top:8rem;padding:3.5rem 0;font-size:.9rem}.footer-built{justify-content:center;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.8rem;display:flex}.heart-icon{color:#ef4444}.scroll-progress-bar{transform-origin:0%;z-index:9999;background:linear-gradient(90deg,#06c,#0af);height:3px;position:fixed;top:0;left:0;right:0}.time-greeting{font-family:var(--font-heading);color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.15rem;font-weight:500}.email-copy-wrapper{align-items:center;gap:.5rem;display:flex;position:relative}.copy-btn{background:var(--bg-glass);border:1px solid var(--card-border);cursor:pointer;color:var(--text-secondary);transition:var(--transition-theme);border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.copy-btn:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.copied-icon{color:#fff}.copy-tooltip{background:var(--text-primary);color:var(--bg-primary);pointer-events:none;white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600;animation:.2s forwards fadeUp;position:absolute;top:-30px;left:200px}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.floating-contact-wrapper{z-index:999;position:fixed;bottom:24px;right:24px}.floating-contact-btn{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);width:56px;height:56px;color:var(--text-primary);transition:var(--transition-theme);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 30px #0000001a}.floating-contact-btn:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent);transform:scale(1.05)}.metallic-text{background:linear-gradient(45deg, var(--text-primary) 0%, var(--text-muted) 35%, var(--text-primary) 50%, var(--text-muted) 65%, var(--text-primary) 100%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite metallicShimmer;display:inline-block}@keyframes metallicShimmer{to{background-position:200%}}.noise-overlay{opacity:.12;mix-blend-mode:overlay;pointer-events:none;z-index:9999;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:200vw;height:200vh;animation:.2s infinite noiseAnimation;position:fixed;inset:-50%}[data-theme=light] .noise-overlay{opacity:.06}@keyframes noiseAnimation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}to{transform:translate(0)}}.horizontal-carousel-container{height:300vh;margin-top:4rem;position:relative}.horizontal-carousel-sticky{align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.horizontal-carousel-track{gap:2rem;padding:0 5vw;display:flex}.horizontal-carousel-item{border-radius:1.5rem;flex-shrink:0;width:400px;padding:2.5rem}@media (width<=768px){.horizontal-carousel-item{width:300px}}.intro-loader-overlay{z-index:10000;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.intro-logo-container{width:300px;height:100px}.animated-logo-svg{width:100%;height:100%}.text-draw-anim{stroke-dasharray:400;stroke-dashoffset:400px;animation:1.5s ease-in-out forwards drawText}@keyframes drawText{0%{stroke-dashoffset:400px;fill:#0000}60%{fill:#0000}to{stroke-dashoffset:0;fill:#fff}}.mac-terminal{background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:12px;margin-bottom:2rem;overflow:hidden;box-shadow:0 20px 40px #0006}.terminal-header{background:var(--bg-secondary);border-bottom:1px solid var(--card-border);align-items:center;padding:.75rem 1rem;display:flex}.window-controls{gap:6px;display:flex;position:absolute}.control-btn{border-radius:50%;width:12px;height:12px}.control-btn.red{background:#ff5f56}.control-btn.yellow{background:#ffbd2e}.control-btn.green{background:#27c93f}.window-title{text-align:center;font-family:var(--font-body);color:var(--text-secondary);flex:1;font-size:.85rem;font-weight:500}.terminal-body{color:#a5d6ff;background:#0d1117;padding:1.5rem;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.5;overflow-x:auto}.cursor-blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.mockup-container{background:var(--bg-tertiary);justify-content:center;padding:2rem;display:flex}.css-device-mockup{background:#000;border:12px solid #1a1a1a;border-radius:40px;width:280px;height:580px;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #00000080,0 20px 40px #0006}.mockup-notch{z-index:10;background:#1a1a1a;border-bottom-right-radius:15px;border-bottom-left-radius:15px;width:120px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}.css-device-mockup img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card-apple:hover .css-device-mockup img{transform:scale(1.03)}@media (width<=1024px){.intro-profile-section{margin-top:-80px}.intro-card-glass{text-align:center;grid-template-columns:1fr;gap:2rem}.intro-text-col{align-items:center}.hero-cta-buttons{justify-content:center}.roadmap-row{gap:40px}.roadmap-portrait-img{max-height:360px}.roadmap-bottom-grid,.contact-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){section{padding:5rem 0}.section-title{margin-bottom:3rem}.hero-banner-section{aspect-ratio:4/3;margin-top:55px}.scroll-indicator-container{margin-top:-20px;margin-bottom:20px}.intro-profile-section{margin-top:-60px;padding:0 1rem}.intro-card-glass{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;padding:1.5rem 1rem}.intro-avatar-img{max-width:140px}.mobile-only-cv-btn{color:var(--text-primary);-webkit-backdrop-filter:blur(10px);transition:var(--transition-theme);background:#86868b26;border:1px solid #86868b33;border-radius:99px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.mobile-only-cv-btn:hover{background:#86868b4d}.nav-actions-mobile{align-items:center;gap:.65rem;display:flex}.section-title h2{font-size:2.5rem}.mobile-menu-toggle{z-index:1001;display:block}.desktop-nav{background:var(--bg-primary);opacity:.98;-webkit-backdrop-filter:blur(25px);z-index:1000;border-left:1px solid var(--card-border);width:280px;height:100vh;transition:right .4s cubic-bezier(.25, 1, .5, 1), var(--transition-theme);flex-direction:column;justify-content:center;gap:2.25rem;padding:3rem;position:fixed;top:0;right:-100%}.desktop-nav.mobile-open{right:0}.intro-card-glass h1{font-size:2.75rem}.hero-tagline{margin-bottom:1.2rem;font-size:1.1rem}.apps-deployed-badge{flex-wrap:wrap;margin-bottom:2.2rem}.hero-cta-buttons{flex-direction:column;width:100%}.btn-submit-wrapper,.btn-primary,.btn-secondary{text-align:center;justify-content:center;width:100%;max-width:260px}.roadmap-timeline{padding:2rem 0}.timeline-spine,.roadmap-dot-container{display:none}.roadmap-row{grid-template-columns:1fr;gap:1.5rem;margin-bottom:4rem}.roadmap-col-media{order:1;grid-area:auto/1!important}.roadmap-col-content{order:2;grid-area:auto/1!important}.roadmap-portrait-img{max-height:300px}.roadmap-card-body{padding:1.25rem 1.5rem 1.5rem}.roadmap-company-header{padding:1rem 1.5rem}.roadmap-role{font-size:1.15rem}.roadmap-meta-row{flex-direction:column;gap:.4rem}.projects-grid{grid-template-columns:1fr}.bento-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.bento-stat{background:var(--bg-tertiary);border-bottom:none;border-radius:12px;flex-direction:column;align-items:flex-start;padding:1rem}.bento-stat span{margin-bottom:.25rem;font-size:1.65rem}.form-group-row{grid-template-columns:1fr;gap:0}.form-group-row input:first-child{margin-bottom:1.5rem}.nav-actions-mobile{display:flex}.theme-toggle-btn.mobile-only-toggle{margin-right:.5rem}.desktop-nav .theme-toggle-btn{display:none}.testimonials-static-grid{grid-template-columns:1fr}}@media (width<=480px){section{padding:4rem 0}.container{padding:0 1rem}.intro-card-glass{padding:2rem 1.25rem}.intro-card-glass h1{font-size:2rem}.intro-avatar-img{max-width:200px}.roadmap-portrait,.roadmap-portrait-img{max-height:260px}.roadmap-card-body{padding:1rem 1.25rem 1.25rem}.roadmap-company-header{gap:.6rem;padding:.85rem 1.25rem}.roadmap-company-logo{height:22px}.roadmap-company-name{font-size:1rem}.roadmap-role{font-size:1.05rem}.roadmap-desc{font-size:.85rem}.bento-skills-list{gap:.5rem}.bento-skill-capsule{padding:.5rem 1rem;font-size:.8rem}.roadmap-stats-card,.roadmap-skills-card{padding:1.75rem}.contact-info-column,.contact-form-column{padding:1.5rem}.bento-stat span{font-size:1.5rem}.project-info{padding:1.25rem}.testimonial-card-apple{padding:1.75rem}}