@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{--bg-base:#080810;--bg-surface:#0f0f1a;--bg-elevated:#161628;--bg-card:#1a1a2e;--bg-glass:#161628b3;--violet:#7c3aed;--violet-light:#a855f7;--violet-glow:#7c3aed59;--cyan:#06b6d4;--cyan-light:#22d3ee;--cyan-glow:#06b6d44d;--pink:#ec4899;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#475569;--text-heading:#f8fafc;--border:#ffffff12;--border-hover:#a855f766;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 32px #00000080;--shadow-glow-violet:0 0 40px #7c3aed40;--shadow-glow-cyan:0 0 40px #06b6d433;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--section-padding:clamp(80px, 12vw, 140px) 0;--container-max:1100px;--container-pad:clamp(20px, 5vw, 48px);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.18s;--duration-normal:.32s;--duration-slow:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--violet);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--violet-light)}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-heading);letter-spacing:-.02em;line-height:1.15}a{color:inherit;text-decoration:none}img,svg{display:block}.container{max-width:var(--container-max);padding:0 var(--container-pad);width:100%;margin:0 auto}.section{padding:var(--section-padding)}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 20% -10%,#7c3aed1f 0%,#0000 60%),radial-gradient(60% 40% at 80% 110%,#06b6d414 0%,#0000 60%);width:100%;height:100%;position:fixed;top:0;left:0}#root{z-index:1;position:relative}.section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--cyan);align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:700;display:inline-flex}.section-label:before{content:"";background:linear-gradient(90deg, var(--violet), var(--cyan));border-radius:2px;width:24px;height:2px;display:inline-block}.gradient-text{background:linear-gradient(135deg, var(--violet-light) 0%, var(--cyan) 60%, var(--cyan-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;display:inline-block;box-shadow:0 0 8px #22c55e,0 0 16px #22c55e80}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.fade-in-up{opacity:0;transition:opacity .6s var(--ease-smooth), transform .6s var(--ease-smooth);transform:translateY(32px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transition:opacity .6s var(--ease-smooth), transform .6s var(--ease-smooth);transform:translate(-32px)}.fade-in-left.visible{opacity:1;transform:translate(0)}.noise:after{content:"";pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}@media (width<=1024px){:root{--section-padding:clamp(60px, 10vw, 100px) 0;--container-max:100%}}@media (width<=768px){:root{--section-padding:60px 0;--container-pad:20px}h2{font-size:clamp(24px,6vw,36px)}}@media (width<=480px){:root{--section-padding:48px 0;--container-pad:16px}.section-label{font-size:10px}}html,body{max-width:100vw;overflow-x:hidden}img{max-width:100%}.navbar{z-index:100;transition:background var(--duration-normal) var(--ease-smooth), padding var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth), backdrop-filter var(--duration-normal) var(--ease-smooth);padding:20px 0;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#080810d9;padding:12px 0;box-shadow:0 4px 32px #0000004d}.navbar__inner{justify-content:space-between;align-items:center;display:flex}.navbar__logo{font-family:var(--font-mono);letter-spacing:-.02em;transition:transform var(--duration-fast) var(--ease-spring);font-size:18px;font-weight:700}.navbar__logo:hover{transform:scale(1.05)}.logo-bracket{color:var(--violet-light)}.logo-name{color:var(--text-heading);margin:0 2px}.navbar__nav{align-items:center;gap:4px;display:flex}.navbar__link{color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-smooth), background var(--duration-fast) var(--ease-smooth);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;position:relative}.navbar__link:after{content:"";background:var(--violet-light);height:1.5px;transition:transform var(--duration-normal) var(--ease-spring);transform-origin:0;position:absolute;bottom:4px;left:14px;right:14px;transform:scaleX(0)}.navbar__link:hover{color:var(--text-heading);background:#7c3aed14}.navbar__link:hover:after{transform:scaleX(1)}.navbar__cta{background:linear-gradient(135deg, var(--violet) 0%, var(--violet-light) 100%);color:#fff;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-smooth), opacity var(--duration-fast) var(--ease-smooth);border-radius:10px;margin-left:8px;padding:9px 20px;font-size:14px;font-weight:600;box-shadow:0 4px 16px #7c3aed4d}.navbar__cta:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 24px #7c3aed73}.navbar__cta:active{transform:translateY(0)scale(.98)}.navbar__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.navbar__burger span{background:var(--text-primary);width:24px;height:2px;transition:transform var(--duration-normal) var(--ease-smooth), opacity var(--duration-fast) var(--ease-smooth);transform-origin:50%;border-radius:2px;display:block}.navbar__burger--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__burger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__burger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.navbar__burger{display:flex}.navbar__nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080810f7;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:none;position:fixed;inset:0}.navbar__nav--open{display:flex}.navbar__link{padding:14px 28px;font-size:22px}.navbar__cta{margin-top:8px;margin-left:0;padding:14px 36px;font-size:18px}}.navbar__lang-switch{border:1px solid var(--border);background:#ffffff08;border-radius:8px;align-items:center;gap:6px;margin-left:12px;padding:4px 8px;display:flex}.navbar__lang-btn{font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-smooth), background var(--duration-fast) var(--ease-smooth);background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:13px;font-weight:600}.navbar__lang-btn:hover{color:var(--text-heading);background:#ffffff0d}.navbar__lang-btn--active{color:var(--violet-light);background:#7c3aed1f}.navbar__lang-separator{color:var(--border);-webkit-user-select:none;user-select:none;font-size:12px}@media (width<=768px){.navbar__lang-switch{margin-top:16px;margin-left:0;padding:6px 12px}.navbar__lang-btn{padding:6px 10px;font-size:16px}}.hero{align-items:center;min-height:100svh;padding-top:72px;display:flex;position:relative;overflow:hidden}.hero__canvas{pointer-events:none;opacity:.7;width:100%;height:100%;position:absolute;inset:0}.hero__content{z-index:2;width:100%;padding-top:40px;padding-bottom:100px;position:relative}.hero__main{align-items:center;gap:56px;display:flex}.hero__photo-wrap{flex-shrink:0;width:220px;height:220px;position:relative}.hero__photo{object-fit:cover;object-position:center top;z-index:2;filter:saturate(1.1)contrast(1.05);border-radius:50%;width:220px;height:220px;display:block;position:relative}.hero__photo-ring{background:conic-gradient(from 0deg, var(--violet) 0%, var(--cyan) 40%, var(--pink) 70%, var(--violet) 100%);z-index:1;border-radius:50%;animation:5s linear infinite ring-spin;position:absolute;inset:-5px}.hero__photo-ring:after{content:"";background:var(--bg-base);border-radius:50%;position:absolute;inset:4px}.hero__photo-glow{z-index:0;background:radial-gradient(circle,#7c3aed4d 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite glow-pulse;position:absolute;inset:-20px}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.hero__text{flex-direction:column;flex:1;align-items:flex-start;gap:18px;display:flex}.hero__badge{font-family:var(--font-mono);color:#4ade80;letter-spacing:.05em;background:#22c55e14;border:1px solid #22c55e33;border-radius:100px;align-items:center;gap:10px;padding:7px 16px;font-size:12px;font-weight:600;display:inline-flex}.hero__name{letter-spacing:-.03em;flex-direction:column;gap:4px;margin:0;font-size:clamp(36px,5.5vw,68px);font-weight:700;line-height:1.1;display:flex}.hero__greeting{color:var(--text-secondary);letter-spacing:0;font-size:.5em;font-weight:400}.hero__name--accent{background:linear-gradient(135deg, #fff 0%, var(--violet-light) 40%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__role{font-family:var(--font-mono);color:var(--cyan);align-items:center;gap:2px;min-height:1.5em;margin:0;font-size:clamp(14px,2vw,20px);display:flex}.role-prefix{color:var(--violet-light);-webkit-user-select:none;user-select:none}.role-text{color:var(--cyan-light)}.cursor-blink{background:var(--cyan);vertical-align:middle;width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero__desc{color:var(--text-secondary);max-width:500px;margin:0;font-size:clamp(14px,1.6vw,16px);line-height:1.75}.hero__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--violet) 0%, var(--violet-light) 100%);color:#fff;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-smooth);border-radius:12px;align-items:center;gap:8px;padding:12px 26px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #7c3aed61}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 36px #7c3aed8c}.btn-primary svg{transition:transform var(--duration-fast) var(--ease-spring)}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{border:1px solid var(--border-hover);color:var(--text-primary);transition:background var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-spring);background:#7c3aed0f;border-radius:12px;align-items:center;padding:12px 26px;font-size:14px;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--violet-light);background:#7c3aed24;transform:translateY(-2px)}.hero__socials{align-items:center;gap:8px;display:flex}.social-link{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);background:var(--bg-elevated);transition:color var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-spring), background var(--duration-fast) var(--ease-smooth);border-radius:10px;justify-content:center;align-items:center;display:flex}.social-link:hover{color:var(--violet-light);border-color:var(--violet);background:#7c3aed1a;transform:translateY(-3px)scale(1.08)}.hero__scroll-indicator{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:10px;animation:.8s 1.2s both fade-up;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--violet-light), transparent);border-radius:2px;width:1.5px;height:40px;overflow:hidden}.scroll-dot{background:var(--violet-light);border-radius:2px;width:100%;height:40%;animation:1.8s ease-in-out infinite scroll-anim}@keyframes scroll-anim{0%{opacity:0;transform:translateY(-100%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(250%)}}@keyframes fade-up{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=900px){.hero__main{text-align:center;flex-direction:column;align-items:center;gap:36px}.hero__text{align-items:center}.hero__desc{text-align:center}.hero__canvas{opacity:.35}}@media (width<=640px){.hero__photo-wrap,.hero__photo{width:160px;height:160px}.hero__actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}.hero__content{padding-bottom:80px}}.tech-stack{background:var(--bg-surface)}.tech-stack__title{margin-bottom:12px;font-size:clamp(28px,4vw,44px)}.tech-stack__subtitle{color:var(--text-secondary);max-width:480px;margin-bottom:48px;font-size:16px;line-height:1.6}.tech-stack__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-bottom:32px;display:grid}.tech-card{border:1px solid var(--border);background:var(--bg-card);cursor:default;transition:border-color var(--duration-normal) var(--ease-smooth), transform var(--duration-normal) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-smooth);animation:card-in .4s calc(var(--delay,0s)) both;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;display:flex;position:relative;overflow:hidden}@keyframes card-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.tech-card:hover{border-color:color-mix(in srgb, var(--tech-color,var(--violet)) 50%, transparent);box-shadow:0 12px 32px #0000004d, 0 0 24px color-mix(in srgb, var(--tech-color,var(--violet)) 25%, transparent);transform:translateY(-6px)scale(1.04)}.tech-card__glow{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--tech-color,var(--violet)) 15%, transparent), transparent 70%);opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth);pointer-events:none;position:absolute;inset:0}.tech-card:hover .tech-card__glow{opacity:1}.tech-card__icon{width:40px;height:40px;transition:transform var(--duration-normal) var(--ease-spring)}.tech-card:hover .tech-card__icon{transform:scale(1.15)rotate(-5deg)}.tech-card__icon svg{width:100%;height:100%}.tech-card__name{color:var(--text-heading);text-align:center;font-size:13px;font-weight:600;line-height:1.2}.tech-card__category{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.tech-categories{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.tech-cat-pill{border:1px solid color-mix(in srgb, var(--cat-color,var(--violet)) 30%, transparent);color:var(--cat-color,var(--text-secondary));font-size:12px;font-weight:600;font-family:var(--font-mono);background:color-mix(in srgb, var(--cat-color,var(--violet)) 10%, var(--bg-elevated));letter-spacing:.04em;border-radius:100px;padding:6px 16px}.tech-certs{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:20px;margin-top:40px;padding:20px 24px;display:flex}.certs-label{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);flex-shrink:0;font-weight:700}.certs-list{flex-wrap:wrap;gap:10px;display:flex}.cert-badge{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:500}@media (width<=640px){.tech-certs{flex-direction:column;align-items:flex-start;gap:12px}.tech-stack__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}}.projects{background:var(--bg-base)}.projects__title{margin-bottom:12px;font-size:clamp(28px,4vw,44px)}.projects__subtitle{color:var(--text-secondary);max-width:440px;margin-bottom:52px;font-size:16px}.projects__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.project-card{border:1px solid var(--border);background:var(--bg-card);cursor:default;transition:border-color var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth), transform var(--duration-fast) var(--ease-spring);will-change:transform;border-radius:20px;position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-md), var(--shadow-glow-violet);border-color:#a855f74d}.project-card--featured{grid-column:span 2}@media (width<=768px){.project-card--featured{grid-column:span 1}}.project-card__banner{align-items:flex-start;height:140px;padding:12px 16px;display:flex;position:relative;overflow:hidden}.project-card--featured .project-card__banner{height:180px}.project-card__banner:after{content:"";background:linear-gradient(to bottom, transparent 40%, var(--bg-card) 100%);position:absolute;inset:0}.project-card__dots{z-index:1;gap:6px;display:flex;position:absolute;bottom:16px;left:16px}.project-card__dots span{background:#ffffff59;border-radius:50%;width:10px;height:10px}.project-card__dots span:first-child{background:#ff5f57}.project-card__dots span:nth-child(2){background:#febc2e}.project-card__dots span:nth-child(3){background:#28c840}.project-badge{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:600;font-family:var(--font-mono);background:#00000080;border-radius:100px;padding:4px 12px;position:absolute;top:12px;right:12px}.project-card__body{flex-direction:column;gap:10px;padding:20px;display:flex}.project-card__title{color:var(--text-heading);transition:color var(--duration-fast);font-size:18px;font-weight:700}.project-card:hover .project-card__title{color:var(--violet-light)}.project-card__subtitle{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);margin-top:3px;margin-bottom:0}.project-card__emoji{opacity:.8;z-index:1;pointer-events:none;font-size:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-card__desc{color:var(--text-secondary);font-size:14px;line-height:1.65}.project-card__tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.project-tag{font-size:11px;font-weight:500;font-family:var(--font-mono);color:var(--violet-light);letter-spacing:.02em;background:#7c3aed1f;border:1px solid #7c3aed33;border-radius:6px;padding:4px 10px}.project-card__links{gap:10px;margin-top:6px;display:flex}.project-link{transition:transform var(--duration-fast) var(--ease-spring), background var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.project-link--github{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.project-link--github:hover{background:#ffffff14;transform:translateY(-2px)}.project-link--demo{background:linear-gradient(135deg, var(--violet) 0%, var(--violet-light) 100%);color:#fff;box-shadow:0 4px 16px #7c3aed4d}.project-link--demo:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 24px #7c3aed80}@media (width<=640px){.projects__grid{grid-template-columns:1fr}}.experience{background:var(--bg-surface)}.experience__title{margin-bottom:12px;font-size:clamp(28px,4vw,44px)}.experience__subtitle{color:var(--text-secondary);margin-bottom:48px;font-size:16px}.exp-edu-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:48px;display:grid}.column-title{font-size:14px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:28px;padding-bottom:12px;display:flex}.column-title svg{flex-shrink:0}.timeline{flex-direction:column;gap:0;display:flex;position:relative}.timeline__track{background:var(--border);border-radius:2px;width:2px;position:absolute;top:24px;bottom:24px;left:20px;overflow:hidden}.timeline__line{background:linear-gradient(to bottom, var(--violet), var(--cyan));border-radius:2px;width:100%;height:0;transition:height 1.5s cubic-bezier(.25,1,.5,1) .3s}.timeline__item{gap:32px;padding-bottom:40px;padding-left:56px;display:flex;position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__dot{background:var(--bg-surface);border:2px solid var(--violet);z-index:1;width:18px;height:18px;transition:transform var(--duration-normal) var(--ease-spring), background var(--duration-normal) var(--ease-smooth);border-radius:50%;position:absolute;top:22px;left:12px}.timeline__dot--active{background:var(--violet);box-shadow:0 0 12px #7c3aed99}.timeline__dot-ring{border:2px solid var(--violet);opacity:.4;border-radius:50%;animation:2s ease-in-out infinite ring-pulse;position:absolute;inset:-5px}@keyframes ring-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.timeline__card{background:var(--bg-card);border:1px solid var(--border);transition:border-color var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth), transform var(--duration-normal) var(--ease-spring);border-radius:16px;flex-direction:column;flex:1;gap:16px;padding:24px;display:flex}.timeline__card:hover{box-shadow:var(--shadow-sm), var(--shadow-glow-violet);border-color:#a855f740;transform:translate(4px)}.timeline__card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.timeline__role{color:var(--text-heading);margin-bottom:2px;font-size:18px;font-weight:600}.timeline__company{color:var(--violet-light);font-size:14px;font-weight:500;font-family:var(--font-mono)}.timeline__period{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.current-badge{color:#4ade80;font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.08em;background:#22c55e1a;border:1px solid #22c55e40;border-radius:100px;padding:3px 10px}.period-text{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);text-align:right}.timeline__desc{flex-direction:column;gap:8px;list-style:none;display:flex}.timeline__desc li{color:var(--text-secondary);padding-left:18px;font-size:14px;line-height:1.6;position:relative}.timeline__desc li:before{content:"▸";color:var(--cyan);font-size:12px;position:absolute;left:0}.timeline__stack{flex-wrap:wrap;gap:6px;display:flex}.timeline__tech{background:var(--bg-elevated);border:1px solid var(--border);font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);border-radius:6px;padding:3px 10px}.timeline__location{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);margin-top:3px}.edu-card{background:var(--bg-card);border:1px solid var(--border);transition:border-color var(--duration-normal) var(--ease-smooth), transform var(--duration-normal) var(--ease-spring);border-radius:16px;margin-bottom:16px;padding:22px}.edu-card:hover{border-color:#a855f740;transform:translateY(-3px)}.edu-card__status{font-size:11px;font-family:var(--font-mono);color:#4ade80;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.edu-card__degree{color:var(--text-heading);margin-bottom:6px;font-size:16px;font-weight:700}.edu-card__institution{color:var(--violet-light);font-size:13px;font-family:var(--font-mono);margin-bottom:6px}.edu-card__meta{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.skills-highlight{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:22px}.skills-highlight__title{font-size:13px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:14px}.skills-highlight__list{flex-direction:column;gap:10px;list-style:none;display:flex}.skills-highlight__list li{color:var(--text-primary);align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.skills-highlight__list li svg{color:var(--cyan);flex-shrink:0}@media (width<=900px){.exp-edu-grid{grid-template-columns:1fr;gap:32px}}@media (width<=640px){.timeline__item{padding-left:44px}.timeline__card-header{flex-direction:column;gap:8px}.timeline__period{align-items:flex-start}}.about{background:var(--bg-base)}.about__grid{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.about__title{margin-bottom:20px;font-size:clamp(26px,3.5vw,40px);line-height:1.2}.about__desc{color:var(--text-secondary);margin-bottom:16px;font-size:15px;line-height:1.75}.about__desc strong{color:var(--text-heading);font-weight:600}.about__highlights{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.about__highlight-item{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.about__highlight-item svg{color:var(--cyan);flex-shrink:0}.about__right{flex-direction:column;gap:20px;display:flex;position:sticky;top:100px}.about__avatar-card{background:var(--bg-card);border:1px solid var(--border);transition:border-color var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth);border-radius:20px;align-items:center;gap:20px;padding:24px;display:flex}.about__avatar-card:hover{box-shadow:var(--shadow-glow-violet);border-color:#a855f74d}.about__avatar{flex-shrink:0;width:72px;height:72px;position:relative}.about__avatar-photo{object-fit:cover;object-position:center top;z-index:2;border-radius:50%;width:72px;height:72px;display:block;position:relative}.about__avatar-ring{background:linear-gradient(135deg, var(--violet), var(--cyan)) border-box;-webkit-mask-composite:destination-out;border:2px solid #0000;border-radius:50%;animation:4s linear infinite ring-rotate;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes ring-rotate{to{transform:rotate(360deg)}}.about__avatar-info{flex-direction:column;gap:4px;display:flex}.about__avatar-name{color:var(--text-heading);font-size:16px;font-weight:700;font-family:var(--font-heading)}.about__avatar-title{color:var(--text-secondary);font-size:13px;font-family:var(--font-mono)}.about__avatar-loc{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.about__avatar-status{color:#4ade80;font-size:11px;font-family:var(--font-mono);align-items:center;gap:8px;margin-top:4px;display:flex}.about__languages{flex-wrap:wrap;gap:8px;display:flex}.lang-tag{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;font-weight:500;font-family:var(--font-mono);border-radius:8px;padding:6px 14px}.about__stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);transition:border-color var(--duration-normal) var(--ease-smooth), transform var(--duration-normal) var(--ease-spring);border-radius:16px;flex-direction:column;gap:6px;padding:20px;display:flex}.stat-card:hover{border-color:#a855f740;transform:translateY(-4px)}.stat-card__value{font-family:var(--font-heading);background:linear-gradient(135deg, var(--violet-light), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;line-height:1}.stat-card__label{color:var(--text-muted);font-size:12px;line-height:1.4;font-family:var(--font-mono)}@media (width<=900px){.about__grid{grid-template-columns:1fr;gap:48px}.about__right{position:static}}@media (width<=480px){.about__stats{grid-template-columns:1fr 1fr}}.contact{background:var(--bg-surface)}.contact__title{margin-bottom:12px;font-size:clamp(28px,4vw,44px)}.contact__subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:48px;font-size:16px;line-height:1.7}.contact__layout{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.contact__email-card{background:var(--bg-card);border:1px solid var(--border);transition:border-color var(--duration-normal) var(--ease-smooth);border-radius:20px;flex-direction:column;gap:16px;padding:28px;display:flex}.contact__email-card:hover{border-color:#a855f740}.contact__email-label{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);font-weight:700}.contact__email-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.contact__email-text{font-family:var(--font-mono);color:var(--text-heading);font-size:16px;font-weight:600}.contact__copy-btn{border:1px solid var(--border-hover);color:var(--violet-light);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring);background:#7c3aed14;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.contact__copy-btn:hover{background:#7c3aed2e;transform:translateY(-2px)}.contact__copy-btn.copied{color:#4ade80;background:#22c55e1f;border-color:#22c55e4d}.contact__socials{flex-direction:column;gap:12px;display:flex}.contact__social-card{border:1px solid var(--border);background:var(--bg-card);transition:border-color var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-spring), background var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);border-radius:16px;align-items:center;gap:16px;padding:16px 20px;display:flex}.contact__social-card:hover{border-color:color-mix(in srgb, var(--social-color,var(--violet)) 40%, transparent);background:color-mix(in srgb, var(--social-color,var(--violet)) 6%, var(--bg-card));box-shadow:0 4px 20px color-mix(in srgb, var(--social-color,var(--violet)) 15%, transparent);transform:translate(6px)}.contact__social-icon{background:var(--bg-elevated);border:1px solid var(--border);width:40px;height:40px;transition:background var(--duration-fast) var(--ease-smooth);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact__social-card:hover .contact__social-icon{background:color-mix(in srgb, var(--social-color,var(--violet)) 15%, var(--bg-elevated))}.contact__social-info{flex-direction:column;flex:1;gap:2px;display:flex}.contact__social-name{color:var(--text-heading);font-size:14px;font-weight:600}.contact__social-handle{font-size:12px;font-family:var(--font-mono);color:var(--text-muted)}.contact__social-arrow{color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-spring), color var(--duration-fast) var(--ease-smooth);flex-shrink:0}.contact__social-card:hover .contact__social-arrow{color:var(--text-secondary);transform:translate(3px,-3px)}.contact__cta{justify-content:center;margin-top:16px;display:flex}.contact__cta-btn{background:linear-gradient(135deg, var(--violet) 0%, var(--violet-light) 50%, var(--cyan) 100%);color:#fff;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-smooth), background-position var(--duration-slow) var(--ease-smooth);background-position:0;background-size:200% 100%;border-radius:16px;align-items:center;gap:12px;padding:18px 40px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 8px 32px #7c3aed66}.contact__cta-btn:hover{background-position:100%;transform:translateY(-4px)scale(1.02);box-shadow:0 16px 48px #7c3aed8c}@media (width<=768px){.contact__layout{grid-template-columns:1fr}}.footer{background:var(--bg-surface);border-top:1px solid var(--border);padding:40px 0 32px}.footer__inner{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.footer__brand{flex-direction:column;align-items:center;gap:8px;display:flex}.footer__logo{font-family:var(--font-mono);font-size:20px;font-weight:700}.footer__logo .logo-bracket{color:var(--violet-light)}.footer__logo .logo-name{color:var(--text-heading)}.footer__tagline{color:var(--text-muted);font-size:13px;font-family:var(--font-mono)}.footer__nav{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.footer__link{color:var(--text-muted);transition:color var(--duration-fast) var(--ease-smooth), background var(--duration-fast) var(--ease-smooth);border-radius:6px;padding:4px 10px;font-size:13px}.footer__link:hover{color:var(--text-secondary);background:#ffffff0d}.footer__copy{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.chatbot-fab{z-index:200;cursor:pointer;background:linear-gradient(135deg, var(--violet) 0%, var(--violet-light) 50%, var(--cyan) 100%);color:#fff;width:60px;height:60px;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) var(--ease-smooth), background-position var(--duration-slow) var(--ease-smooth);background-position:0;background-size:200% 200%;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 32px #7c3aed80}.chatbot-fab:hover{background-position:100%;transform:scale(1.1)translateY(-2px);box-shadow:0 12px 40px #7c3aeda6}.chatbot-fab--open{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-md);background-image:none}.chatbot-fab__pulse{border:2px solid var(--violet-light);opacity:.5;background:0 0;border-radius:50%;animation:2.5s ease-in-out infinite fab-pulse;position:absolute;inset:-3px}@keyframes fab-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}}.chatbot-window{z-index:199;background:var(--bg-surface);border:1px solid var(--border);transform-origin:100% 100%;opacity:0;pointer-events:none;width:min(380px,100vw - 32px);height:min(560px,100vh - 140px);transition:transform var(--duration-normal) var(--ease-spring), opacity var(--duration-normal) var(--ease-smooth);will-change:transform, opacity;border-radius:20px;flex-direction:column;display:flex;position:fixed;bottom:100px;right:28px;overflow:hidden;transform:scale(.7)translateY(40px);box-shadow:0 24px 80px #00000080,0 0 0 1px #7c3aed1a}.chatbot-window--open{opacity:1;pointer-events:all;transform:scale(1)translateY(0)}.chatbot-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:16px 18px;display:flex}.chatbot-header__avatar{flex-shrink:0;width:40px;height:40px;position:relative}.chatbot-header__avatar img{object-fit:cover;object-position:center top;border:2px solid var(--violet);border-radius:50%;width:40px;height:40px}.chatbot-header__status{border:2px solid var(--bg-card);background:#22c55e;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse-dot;position:absolute;bottom:1px;right:1px}.chatbot-header__info{flex-direction:column;flex:1;display:flex}.chatbot-header__name{color:var(--text-heading);font-size:14px;font-weight:700;font-family:var(--font-heading)}.chatbot-header__sub{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.chatbot-header__close{border:1px solid var(--border);background:var(--bg-elevated);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);border-radius:8px;justify-content:center;align-items:center;display:flex}.chatbot-header__close:hover{color:#f87171;background:#ef44441a}.chatbot-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.chatbot-msg{max-width:90%;animation:msg-in .25s var(--ease-spring) both;align-items:flex-end;gap:8px;display:flex}@keyframes msg-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.chatbot-msg--bot{align-self:flex-start}.chatbot-msg--user{flex-direction:row-reverse;align-self:flex-end}.chatbot-msg__avatar{border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.chatbot-msg__avatar img{object-fit:cover;object-position:center top;width:100%;height:100%}.chatbot-msg__bubble{border-radius:16px;max-width:100%;padding:10px 14px;position:relative}.chatbot-msg--bot .chatbot-msg__bubble{background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px}.chatbot-msg--user .chatbot-msg__bubble{background:linear-gradient(135deg, var(--violet) 0%, var(--violet-light) 100%);border-bottom-right-radius:4px}.chatbot-msg__bubble p{color:var(--text-primary);word-break:break-word;margin:0;font-size:13px;line-height:1.55}.chatbot-msg--user .chatbot-msg__bubble p{color:#fff}.chatbot-msg__bubble strong{color:var(--cyan-light)}.chatbot-msg--user .chatbot-msg__bubble strong{color:#ffffffe6}.chatbot-msg__time{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);text-align:right;margin-top:5px;display:block}.chatbot-msg--user .chatbot-msg__time{color:#ffffff80}.chatbot-msg__bubble--typing{align-items:center;gap:5px;min-width:52px;padding:14px 18px;display:flex}.chatbot-msg__bubble--typing span{background:var(--violet-light);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite bounce}.chatbot-msg__bubble--typing span:nth-child(2){animation-delay:.2s}.chatbot-msg__bubble--typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.chatbot-quick{border-top:1px solid var(--border);background:var(--bg-card);scrollbar-width:none;flex-shrink:0;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.chatbot-quick::-webkit-scrollbar{display:none}.chatbot-quick__btn{white-space:nowrap;color:var(--violet-light);cursor:pointer;transition:background var(--duration-fast), transform var(--duration-fast) var(--ease-spring);font-size:11px;font-weight:500;font-family:var(--font-body);background:#7c3aed0f;border:1px solid #a855f74d;border-radius:100px;padding:6px 12px}.chatbot-quick__btn:hover:not(:disabled){background:#7c3aed26;transform:translateY(-1px)}.chatbot-quick__btn:disabled{opacity:.4;cursor:not-allowed}.chatbot-input-row{border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0;align-items:center;gap:8px;padding:12px 14px;display:flex}.chatbot-input{border:1px solid var(--border);background:var(--bg-elevated);height:40px;color:var(--text-primary);font-size:13px;font-family:var(--font-body);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);border-radius:12px;outline:none;flex:1;padding:0 14px}.chatbot-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7c3aed26}.chatbot-input::placeholder{color:var(--text-muted)}.chatbot-input:disabled{opacity:.6}.chatbot-send{background:linear-gradient(135deg, var(--violet), var(--violet-light));color:#fff;cursor:pointer;width:40px;height:40px;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast), opacity var(--duration-fast);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chatbot-send:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 16px #7c3aed66}.chatbot-send:disabled{opacity:.4;cursor:not-allowed}@media (width<=480px){.chatbot-fab{width:54px;height:54px;bottom:20px;right:16px}.chatbot-window{border-radius:16px;width:calc(100vw - 32px);height:calc(100vh - 120px);bottom:86px;right:16px}}