:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .95);--accent-primary: #0284c7;--accent-secondary: #4f46e5;--accent-tertiary: #db2777;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: rgba(15, 23, 42, .08);--glass: rgba(255, 255, 255, .8);--glass-border: rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.1);--container: 1200px;--section-gap: 8rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;cursor:none}img{max-width:100%;height:auto;display:block}a{color:var(--accent-primary);text-decoration:none;transition:color .2s}a:hover{color:#0369a1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.container{max-width:var(--container);margin:0 auto;padding:0 2rem}section{padding:var(--section-gap) 0;position:relative}.section-heading{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;text-align:center;margin-bottom:.75rem;background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-bottom:3.5rem;max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.6rem;border-radius:var(--radius-full);font-size:.95rem;font-weight:500;border:none;cursor:none;transition:all .2s}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:#0369a1;color:#fff}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-glow{box-shadow:0 4px 14px #0284c740}.btn-glow:hover{box-shadow:0 6px 20px #0284c759}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;transform-origin:left;z-index:1001}.cursor-outer{position:fixed;top:0;left:0;width:40px;height:40px;border:1.5px solid rgba(2,132,199,.4);border-radius:50%;pointer-events:none;z-index:9999;transition:width .2s,height .2s,border-color .2s}.cursor-inner{position:fixed;top:0;left:0;width:8px;height:8px;background:var(--accent-primary);border-radius:50%;pointer-events:none;z-index:9999}.cursor-outer.cursor-hover{width:60px;height:60px;border-color:var(--accent-secondary)}.cursor-inner.cursor-hover{background:var(--accent-secondary);width:12px;height:12px}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbf;border-bottom:1px solid var(--glass-border);transition:background .3s,border-color .3s,box-shadow .3s}.header-scrolled{background:#ffffffeb;border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.header-inner{max-width:var(--container);margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.header-logo{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center}.logo-text{color:var(--text-primary)}.logo-dot{color:var(--accent-primary);font-size:2rem}.header-nav{display:flex;gap:2rem}.nav-link{color:var(--text-secondary);font-size:.9rem;font-weight:500;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s}.nav-link:hover:after{width:100%}.header-cta{font-size:.85rem;padding:.5rem 1.2rem}.mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.mobile-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);transition:.3s}.mobile-nav{display:flex;flex-direction:column;gap:.5rem;padding:1rem 2rem 1.5rem;overflow:hidden}.mobile-nav-link{color:var(--text-secondary);padding:.5rem 0;font-size:1rem}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:6rem 0 4rem;background:linear-gradient(180deg,#f0f9ff 0%,#ffffff 50%,var(--bg-secondary) 100%)}.particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-gradient{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3}.hero-gradient-1{width:600px;height:600px;background:radial-gradient(circle,rgba(2,132,199,.12),transparent 70%);top:-200px;left:-200px}.hero-gradient-2{width:500px;height:500px;background:radial-gradient(circle,rgba(79,70,229,.1),transparent 70%);bottom:-150px;right:-100px}.hero-gradient-3{width:300px;height:300px;background:radial-gradient(circle,rgba(219,39,119,.08),transparent 70%);top:40%;right:20%}.hero-shapes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero-shape{position:absolute;border-radius:var(--radius-md);opacity:.1}.hero-shape-1{width:80px;height:80px;background:var(--accent-primary);top:15%;left:10%}.hero-shape-2{width:60px;height:60px;background:var(--accent-secondary);top:25%;right:15%;border-radius:50%}.hero-shape-3{width:100px;height:100px;background:var(--accent-tertiary);bottom:30%;left:20%;border-radius:50%}.hero-shape-4{width:70px;height:70px;background:var(--accent-primary);bottom:15%;right:25%}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.85rem;color:var(--text-secondary);margin-bottom:1.5rem}.hero-badge{box-shadow:var(--shadow-sm)}.hero-badge-dot{width:8px;height:8px;background:#16a34a;border-radius:50%}.hero-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:1rem}.hero-roles{font-size:1.4rem;font-weight:500;color:var(--accent-primary);margin-bottom:.75rem;min-height:2.2rem}.typewriter-text{display:inline}.cursor{display:inline-block;width:2px;height:1.2em;background:var(--accent-primary);vertical-align:text-bottom;margin-left:2px;animation:blink .7s step-end infinite}@keyframes blink{50%{opacity:0}}.hero-desc{color:var(--text-secondary);font-size:1.15rem;max-width:550px;margin:0 auto 2rem}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-avatar-wrapper{position:relative;width:160px;height:160px;margin:0 auto 2rem}.hero-avatar-ring{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2.5px solid transparent;border-top-color:var(--accent-primary);border-right-color:var(--accent-secondary);border-bottom-color:var(--accent-tertiary)}.hero-avatar-glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:50%;background:radial-gradient(circle,rgba(2,132,199,.08),transparent 70%)}.hero-avatar{width:100%;height:100%;border-radius:50%;overflow:hidden;border:3px solid white;box-shadow:var(--shadow-lg)}.hero-avatar img{width:100%;height:100%;object-fit:cover;display:block}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent-primary),transparent)}.hero-scroll-dot{width:6px;height:6px;background:var(--accent-primary);border-radius:50%}.about-section{background:var(--bg-secondary)}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:start}.about-text p{color:var(--text-secondary);margin-bottom:1.2rem;line-height:1.8}.about-details{display:flex;flex-direction:column;gap:.75rem}.detail-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .25s}.detail-card .material-symbols-outlined{color:var(--accent-primary);font-size:1.5rem}.detail-card strong{display:block;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-card span{color:var(--text-primary);font-size:.95rem}.icon-strip{overflow:hidden;margin-bottom:3rem;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.icon-strip-inner{display:flex;gap:2rem;animation:iconScroll 30s linear infinite;width:max-content}@keyframes iconScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.icon-strip-icon{font-size:2rem;color:var(--text-muted);cursor:pointer;flex-shrink:0;animation:wobble 4s ease-in-out infinite alternate}@keyframes wobble{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.icon-strip-icon:nth-child(2n){animation-delay:-1s}.icon-strip-icon:nth-child(3n){animation-delay:-2s}.features-grid{display:flex;flex-direction:column;gap:3rem}.feature-card{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center;padding:2rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .3s}.feature-card:hover{box-shadow:var(--shadow-md)}.feature-card-reverse{direction:rtl}.feature-card-reverse>*{direction:ltr}.feature-icon-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0284c714,#4f46e514);border-radius:var(--radius-md)}.feature-icon-wrapper .material-symbols-outlined{font-size:2.2rem;color:var(--accent-primary);position:relative;z-index:1}.feature-icon-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px dashed rgba(2,132,199,.2);border-radius:var(--radius-md)}.feature-content h3{font-family:Space Grotesk,sans-serif;font-size:1.3rem;margin-bottom:.5rem}.feature-content p{color:var(--text-secondary);line-height:1.7}.skills-section{background:var(--bg-secondary)}.skills-wrapper{position:relative}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;position:relative}.skill-connections-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.skill-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;transition:border-color .3s,box-shadow .3s;perspective:600px}.skill-node:hover{box-shadow:var(--shadow-md)}.skill-node-active{border-color:var(--accent-primary)}.skill-icon{font-size:2rem;color:var(--accent-primary);transition:color .3s}.skill-name{font-weight:600;font-size:.85rem}.skill-desc{font-size:.75rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skill-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid var(--accent-primary);border-radius:var(--radius-md);opacity:.5;pointer-events:none}.skill-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.skill-particle-dot{position:absolute;width:4px;height:4px;background:var(--accent-primary);border-radius:50%}.skill-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(2,132,199,.06),transparent 70%);border-radius:50%;pointer-events:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.project-card-3d{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;perspective:800px;transform-style:preserve-3d;transition:box-shadow .3s}.project-card-3d:hover{box-shadow:var(--shadow-lg)}.project-card-glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;border-radius:var(--radius-lg)}.project-card-header{position:relative;height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-card-icon{position:relative;z-index:1;font-size:3rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.project-card-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.pcard-particle{position:absolute;width:4px;height:4px;background:#fff6;border-radius:50%;animation:floatParticle 6s ease-in-out infinite}@keyframes floatParticle{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-30px) scale(1.5);opacity:.8}}.pcard-particle:nth-child(2){animation-delay:-1s}.pcard-particle:nth-child(3){animation-delay:-2s}.pcard-particle:nth-child(4){animation-delay:-3s}.pcard-particle:nth-child(5){animation-delay:-4s}.pcard-particle:nth-child(6){animation-delay:-5s}.project-card-body{padding:1.5rem}.project-card-body h3{font-family:Space Grotesk,sans-serif;font-size:1.1rem;margin-bottom:.5rem}.project-card-body p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.project-card-cta{display:flex;align-items:center;gap:.3rem;color:var(--accent-primary);font-size:.85rem;font-weight:500;margin-top:1rem}.project-card-cta .material-symbols-outlined{font-size:1rem}.project-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem}.project-modal{position:relative;max-width:700px;width:100%;max-height:85vh;overflow-y:auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 25px 60px #00000026}.project-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffffe6;color:var(--text-primary);border:1px solid var(--border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;box-shadow:var(--shadow-sm)}.project-modal-header{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative}.project-modal-header h2{font-family:Space Grotesk,sans-serif;font-size:1.8rem;color:#fff;position:relative;z-index:1}.project-modal-body{padding:2rem}.project-modal-desc{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.project-modal-code{margin-bottom:1.5rem}.code-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#1e293b;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid #334155;border-bottom:none}.code-dot{width:10px;height:10px;border-radius:50%}.code-dot:nth-child(1){background:#ff5f57}.code-dot:nth-child(2){background:#ffbd2e}.code-dot:nth-child(3){background:#28c940}.code-title{margin-left:auto;font-size:.75rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.code-block{background:#0f172a;padding:1.25rem;border:1px solid #334155;border-radius:0 0 var(--radius-sm) var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.7;color:#e2e8f0;overflow-x:auto;white-space:pre-wrap}.code-cursor{display:inline-block;width:8px;height:1em;background:var(--accent-primary);animation:blink .7s step-end infinite;vertical-align:text-bottom}.project-modal-tech,.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.3rem .8rem;background:#0284c70f;border:1px solid rgba(2,132,199,.15);border-radius:var(--radius-full);font-size:.75rem;color:var(--accent-primary);font-weight:500}.stats-section{background:var(--bg-secondary);padding:5rem 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.stat-card{position:relative;padding:2rem 1.5rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;overflow:hidden}.stat-icon-ring{width:56px;height:56px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:#0284c70f;border:1px dashed rgba(2,132,199,.2);border-radius:50%}.stat-icon-ring .material-symbols-outlined{font-size:1.5rem;color:var(--accent-primary)}.stat-counter{display:block;margin-bottom:.25rem}.stat-number{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-suffix{font-size:1.5rem;font-weight:600;color:var(--accent-primary);margin-left:2px}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transform-origin:left}.case-studies-grid{display:flex;flex-direction:column;gap:1rem}.case-study-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.case-study-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;cursor:pointer;transition:background .2s}.case-study-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0284c70f;border-radius:var(--radius-sm);flex-shrink:0}.case-study-icon .material-symbols-outlined{color:var(--accent-primary)}.case-study-header h3{font-size:1.1rem;flex:1;font-family:Space Grotesk,sans-serif}.case-study-toggle{color:var(--text-muted)}.case-study-content{padding:0 1.5rem 1.5rem}.case-study-section{margin-bottom:1.25rem}.case-study-section h4{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--accent-primary);margin-bottom:.5rem}.case-study-section h4 .material-symbols-outlined{font-size:1.1rem}.case-study-section p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.result-item{display:flex;flex-direction:column;padding:.75rem;background:#0284c70a;border:1px solid rgba(2,132,199,.1);border-radius:var(--radius-sm);text-align:center}.result-value{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:700;color:var(--accent-primary)}.result-label{font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.opensource-section{background:var(--bg-secondary)}.opensource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.os-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.os-card-header{display:flex;align-items:flex-start;gap:1rem}.os-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0284c70f;border-radius:var(--radius-sm);flex-shrink:0}.os-card-icon .material-symbols-outlined{color:var(--accent-primary);font-size:1.5rem}.os-card-header h3{font-family:Space Grotesk,sans-serif;font-size:1.15rem}.os-card-header h3 a{color:var(--text-primary)}.os-card-header h3 a:hover{color:var(--accent-primary)}.os-meta{display:flex;gap:1rem;margin-top:.25rem;font-size:.8rem;color:var(--text-muted)}.os-meta span{display:flex;align-items:center;gap:.25rem}.os-meta .material-symbols-outlined{font-size:.9rem}.os-card-sections h4{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--accent-primary);margin-bottom:.3rem}.os-card-sections h4 .material-symbols-outlined{font-size:1rem}.os-card-sections p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.os-card-tech{display:flex;flex-wrap:wrap;gap:.4rem}.os-activity{display:flex;gap:.75rem;padding:1rem 0}.os-activity-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .5rem;background:#0284c70a;border-radius:var(--radius-sm);position:relative;overflow:hidden}.os-activity-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(2,132,199,.1),transparent);border-radius:var(--radius-sm)}.os-activity-value{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;color:var(--accent-primary);position:relative;z-index:1}.os-activity-label{font-size:.65rem;color:var(--text-muted);text-align:center;position:relative;z-index:1}.os-cta{width:100%;justify-content:center;margin-top:auto}.timeline{position:relative;max-width:900px;margin:0 auto}.timeline-line-wrapper{position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);width:3px}.timeline-line-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:2px}.timeline-line-progress{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--accent-primary),var(--accent-secondary));border-radius:2px}.timeline-item{display:flex;align-items:flex-start;margin-bottom:3rem;position:relative}.timeline-left{justify-content:flex-end;padding-right:calc(50% + 2rem)}.timeline-right{justify-content:flex-start;padding-left:calc(50% + 2rem)}.timeline-dot-wrapper{position:absolute;left:50%;top:1.5rem;transform:translate(-50%);z-index:2}.timeline-dot{width:16px;height:16px;background:var(--accent-primary);border-radius:50%;border:3px solid white;position:relative;box-shadow:var(--shadow-sm)}.timeline-dot-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:#0284c733}.timeline-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;max-width:380px;width:100%}.timeline-date-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.timeline-date-badge .material-symbols-outlined{font-size:1rem;color:var(--accent-primary)}.timeline-duration{margin-left:.5rem;padding:.15rem .5rem;background:#0284c70f;border-radius:var(--radius-full);font-size:.7rem;color:var(--accent-primary)}.timeline-title{font-family:Space Grotesk,sans-serif;font-size:1.15rem;margin-bottom:.4rem}.timeline-company{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.timeline-company .material-symbols-outlined{font-size:1rem;color:var(--accent-primary)}.timeline-location{display:flex;align-items:center;gap:.2rem;color:var(--text-muted);font-size:.8rem;margin-left:auto}.timeline-location .material-symbols-outlined{font-size:.85rem}.timeline-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.timeline-progress-bar{height:2px;margin-top:1rem;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:1px;transform-origin:left}.certs-section{background:var(--bg-secondary)}.certs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;margin-bottom:3rem}.cert-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;overflow:hidden;perspective:600px}.cert-badge-ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1px dashed rgba(2,132,199,.15);border-radius:var(--radius-lg);pointer-events:none}.cert-card img{width:80px;height:80px;object-fit:contain}.cert-card span{font-size:.8rem;font-weight:500;color:var(--text-secondary);line-height:1.3}.courses-heading{font-family:Space Grotesk,sans-serif;font-size:1.5rem;text-align:center;margin-bottom:1.5rem}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.course-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color .2s}.course-card .material-symbols-outlined{font-size:1.5rem;color:var(--accent-primary)}.course-card strong{font-size:.9rem}.contact-section{background:var(--bg-secondary)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.contact-info h3{font-family:Space Grotesk,sans-serif;font-size:1.5rem;margin-bottom:.5rem}.contact-info>p{color:var(--text-secondary);margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.contact-item .material-symbols-outlined{color:var(--accent-primary);font-size:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0284c70f;border-radius:var(--radius-sm)}.contact-item strong{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.contact-item span{color:var(--text-primary);font-size:.9rem}.social-links{display:flex;gap:.75rem;margin-top:2rem}.social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:all .2s}.social-link svg{width:20px;height:20px;fill:var(--text-secondary);transition:fill .2s}.social-link:hover svg{fill:var(--accent-primary)}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-group{position:relative;border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .3s;overflow:hidden}.form-group-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(2,132,199,.05),transparent 70%);pointer-events:none}.form-group input,.form-group textarea{width:100%;padding:.9rem 1.2rem;background:#fff;border:none;color:var(--text-primary);font-family:inherit;font-size:.95rem;resize:vertical;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-status{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;text-align:center}.form-status.success{background:#16a34a14;color:#15803d;border:1px solid rgba(22,163,74,.2)}.form-status.error{background:#dc262614;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.map-wrapper{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}.map-wrapper iframe{display:block}.footer{padding:4rem 0 2rem;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem;margin-bottom:3rem}.footer-col{display:flex;flex-direction:column;gap:.5rem}.footer-brand{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:700}.footer-col h5{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.footer-col a{color:var(--text-secondary);font-size:.9rem;transition:color .2s}.footer-col a:hover{color:var(--accent-primary)}.footer-col span{color:var(--text-secondary);font-size:.9rem}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border);text-align:center}.footer-bottom p{color:var(--text-muted);font-size:.85rem}@media(max-width:930px){.header-nav,.header-cta{display:none}.mobile-toggle{display:flex}.about-grid,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.opensource-grid{grid-template-columns:1fr}.timeline-line-wrapper{left:0;transform:none}.timeline-item{padding-left:2.5rem!important;padding-right:0!important;justify-content:flex-start!important}.timeline-dot-wrapper{left:0;transform:translate(-50%)}.timeline-card{max-width:100%}}@media(max-width:600px){:root{--section-gap: 5rem}.container{padding:0 1rem}.projects-grid{grid-template-columns:1fr}.stats-grid,.certs-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.hero-title{font-size:2.2rem}.hero-buttons{flex-direction:column;align-items:center}.feature-card{grid-template-columns:1fr}.feature-card-reverse{direction:ltr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.icon-strip-inner{animation:none}}@media(hover:none){body{cursor:auto}.cursor-outer,.cursor-inner{display:none}.btn{cursor:pointer}}