:root{--bg-primary:#0c1222;--bg-secondary:#162033;--bg-tertiary:#1e293b;--glass-bg:#1e293b;--glass-bg-hover:#1e293b;--glass-border:#334155;--glass-border-hover:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-dim:#475569;--accent-cyan:#38bdf8;--accent-cyan-light:#7dd3fc;--accent-cyan-dim:#38bdf814;--accent-cyan-border:#38bdf826;--accent-cyan-glow:#38bdf826;--accent-emerald:#10b981;--accent-emerald-light:#6ee7b7;--accent-emerald-dim:#10b98114;--accent-emerald-border:#10b98126;--accent-emerald-glow:#10b9811f;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-hero:3.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:96px;--space-16:128px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.6s ease-out;--container-max:1140px;--navbar-height:64px;--z-particles:0;--z-content:1;--z-navbar:100;--z-back-to-top:90}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-5);margin:0 auto}.section{padding:var(--space-12) 0;position:relative}.section:nth-child(2n){background-color:var(--bg-secondary)}.section__header{text-align:center;margin-bottom:var(--space-10)}.section__label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--accent-cyan);margin-bottom:var(--space-3);font-weight:500;display:block}.section__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.section__divider{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-emerald));border-radius:var(--radius-sm);width:60px;height:3px;margin:0 auto}.grid{gap:var(--space-5);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--60-40{grid-template-columns:3fr 2fr}.hero{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-tertiary) 100%);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}@media (width<=1199px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){:root{--font-size-hero:2.5rem;--font-size-2xl:1.5rem}.section{padding:var(--space-10) 0}.container{padding:0 var(--space-4)}.grid--2,.grid--3,.grid--4,.grid--60-40{grid-template-columns:1fr}}.navbar{height:var(--navbar-height);z-index:var(--z-navbar);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);transition:transform var(--transition-base);background:#0c1222cc;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.navbar--visible{transform:translateY(0)}.navbar__inner{width:100%;max-width:var(--container-max);padding:0 var(--space-5);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar__logo{font-size:var(--font-size-lg);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.navbar__logo span{color:var(--accent-cyan)}.navbar__links{gap:var(--space-6);display:flex}.navbar__link{font-size:var(--font-size-sm);color:var(--text-muted);transition:color var(--transition-fast);position:relative}.navbar__link:hover,.navbar__link--active{color:var(--text-primary)}.navbar__link--active:after{content:"";background:var(--accent-cyan);border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.navbar__toggle{padding:var(--space-2);flex-direction:column;gap:5px;display:none}.navbar__toggle span{background:var(--text-primary);width:24px;height:2px;transition:all var(--transition-base);border-radius:1px;display:block}.navbar__toggle--open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__toggle--open span:nth-child(2){opacity:0}.navbar__toggle--open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=767px){.navbar__toggle{display:flex}.navbar__links{top:var(--navbar-height);-webkit-backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:var(--space-8);opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);background:#0c1222f2;flex-direction:column;position:fixed;bottom:0;left:0;right:0}.navbar__links--open{opacity:1;visibility:visible}.navbar__link{font-size:var(--font-size-xl)}}.scroll-progress{width:100%;height:3px;z-index:calc(var(--z-navbar) + 1);background:0 0;position:fixed;top:0;left:0}.scroll-progress__bar{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-emerald));transform-origin:0;height:100%;animation:linear forwards scroll-progress-fill;animation-timeline:scroll();transform:scaleX(0)}@keyframes scroll-progress-fill{to{transform:scaleX(1)}}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.btn--cyan{background:var(--accent-cyan-dim);border:1px solid var(--accent-cyan-border);color:var(--accent-cyan-light)}.btn--cyan:hover{box-shadow:0 0 20px var(--accent-cyan-glow);background:#38bdf826;border-color:#38bdf84d}.btn--emerald{background:var(--accent-emerald-dim);border:1px solid var(--accent-emerald-border);color:var(--accent-emerald-light)}.btn--emerald:hover{box-shadow:0 0 20px var(--accent-emerald-glow);background:#10b98126;border-color:#10b9814d}.tag{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);border-radius:var(--radius-sm);font-weight:500;line-height:1.4;display:inline-block}.tag--cyan{background:var(--accent-cyan-dim);border:1px solid var(--accent-cyan-border);color:var(--accent-cyan-light)}.tag--emerald{background:var(--accent-emerald-dim);border:1px solid var(--accent-emerald-border);color:var(--accent-emerald-light)}.skill-card{padding:var(--space-5);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.skill-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.skill-card__icon{border-radius:var(--radius-md);width:40px;height:40px;margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.skill-card__title{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:600}.skill-card__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.timeline{padding:var(--space-5) 0;position:relative}.timeline__line{background:linear-gradient(#38bdf84d,#10b9814d,#38bdf833,#10b9810d);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline__item{margin-bottom:var(--space-8);align-items:flex-start;display:flex;position:relative}.timeline__item:nth-child(odd){flex-direction:row}.timeline__item:nth-child(2n){flex-direction:row-reverse}.timeline__content{padding:0 var(--space-6);flex:1}.timeline__item:nth-child(odd) .timeline__content{text-align:right}.timeline__dot{border-radius:var(--radius-full);border:3px solid var(--bg-primary);z-index:1;width:14px;height:14px;margin-top:var(--space-4);flex-shrink:0}.timeline__dot--cyan{background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan-glow)}.timeline__dot--emerald{background:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald-glow)}.timeline__card{padding:var(--space-5);cursor:pointer}.timeline__role{margin-bottom:var(--space-1);font-weight:600}.timeline__org{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.timeline__details{max-height:0;transition:max-height .4s;overflow:hidden}.timeline__details--open{max-height:500px}.timeline__details li{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-1) 0;padding-left:var(--space-4);line-height:1.6;position:relative}.timeline__details li:before{content:"▸";color:var(--accent-cyan);position:absolute;left:0}@media (width<=767px){.timeline__line{left:20px}.timeline__item,.timeline__item:nth-child(2n){flex-direction:row}.timeline__content{text-align:left!important}.timeline__dot{margin-left:14px}}.project-card{padding:var(--space-5);transition:transform var(--transition-fast), box-shadow var(--transition-fast);position:relative;overflow:hidden}.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.project-card__accent{height:3px;position:absolute;top:0;left:0;right:0}.project-card__title{font-size:var(--font-size-base);color:var(--text-primary);margin-top:var(--space-2);margin-bottom:var(--space-3);font-weight:600}.project-card__desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.7}.project-card__impact{font-size:var(--font-size-sm);color:var(--accent-emerald-light);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--accent-emerald-dim);border-radius:var(--radius-sm);font-weight:500;display:inline-block}.project-card__tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.filter-bar{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--text-muted);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0}.filter-btn:hover{color:var(--text-primary);border-color:var(--glass-border-hover)}.filter-btn--active{color:var(--accent-cyan-light);border-color:var(--accent-cyan-border);background:var(--accent-cyan-dim)}.cert-badge{align-items:center;gap:var(--space-4);padding:var(--space-5);transition:box-shadow var(--transition-fast);display:flex}.cert-badge:hover{box-shadow:0 0 24px var(--accent-cyan-glow)}.cert-badge__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.cert-badge__name{color:var(--text-primary);font-weight:600;font-size:var(--font-size-base)}.cert-badge__issuer{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-1)}.blog-card{padding:var(--space-5);transition:transform var(--transition-fast), border-color var(--transition-fast)}.blog-card:hover{border-color:var(--accent-cyan-border);transform:translateY(-2px)}.blog-card__title{color:var(--text-primary);margin-bottom:var(--space-3);font-weight:600}.blog-card__excerpt{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.6}.blog-card__link{font-size:var(--font-size-sm);color:var(--accent-cyan);font-weight:500}.social-icons{gap:var(--space-4);justify-content:center;display:flex}.social-icon{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);width:44px;height:44px;transition:all var(--transition-fast);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.social-icon:hover{background:var(--accent-cyan-dim);border-color:var(--accent-cyan-border);color:var(--accent-cyan);box-shadow:0 0 16px var(--accent-cyan-glow)}.social-icon svg{fill:currentColor;width:20px;height:20px}.back-to-top{bottom:var(--space-6);right:var(--space-6);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text-primary);z-index:var(--z-back-to-top);opacity:0;visibility:hidden;transition:all var(--transition-base);background:#0c1222cc;justify-content:center;align-items:center;display:flex;position:fixed;transform:translateY(10px)}.back-to-top--visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--accent-cyan-dim);border-color:var(--accent-cyan-border)}.stat-card{padding:var(--space-5);text-align:center;border-radius:var(--radius-lg);transition:transform var(--transition-fast)}.stat-card:hover{transform:scale(1.03)}.stat-card__value{font-size:var(--font-size-xl);margin-bottom:var(--space-1);font-weight:700}.stat-card__label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.footer{padding:var(--space-8) 0;text-align:center;border-top:1px solid var(--glass-border);background:var(--bg-primary)}.footer__text{font-size:var(--font-size-sm);color:var(--text-muted)}.reveal{opacity:0;transition:opacity var(--transition-slow), transform var(--transition-slow);transform:translateY(24px)}.reveal--visible{opacity:1;transform:translateY(0)}.reveal-children>*{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(16px)}.reveal-children--visible>:first-child{transition-delay:0s}.reveal-children--visible>:nth-child(2){transition-delay:80ms}.reveal-children--visible>:nth-child(3){transition-delay:.16s}.reveal-children--visible>:nth-child(4){transition-delay:.24s}.reveal-children--visible>:nth-child(5){transition-delay:.32s}.reveal-children--visible>:nth-child(6){transition-delay:.4s}.reveal-children--visible>:nth-child(7){transition-delay:.48s}.reveal-children--visible>:nth-child(8){transition-delay:.56s}.reveal-children--visible>*{opacity:1;transform:translateY(0)}.counter{font-variant-numeric:tabular-nums}.particles-canvas{z-index:var(--z-particles);pointer-events:none;position:absolute;inset:0}.scroll-indicator{bottom:var(--space-6);animation:2s ease-in-out infinite bounce;position:absolute;left:50%;transform:translate(-50%)}.scroll-indicator svg{width:24px;height:24px;color:var(--text-muted)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.hero__stats{animation:.8s ease-out .5s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reveal,.reveal-children>*{opacity:1;transition:none;transform:none}.scroll-indicator,.hero__stats{animation:none}.scroll-progress__bar{animation:none;transform:scaleX(1)}.particles-canvas{display:none}*,:before,:after{transition-duration:.01ms!important}}