:root{--bg: #06060a;--bg-elevated: #0e0e14;--bg-card: #12121a;--border: rgba(255, 255, 255, .07);--text: #f4f5f7;--text-muted: #9ca3b4;--text-subtle: #6b7280;--accent: #f59e0b;--accent-soft: rgba(245, 158, 11, .18);--accent-hover: #fbbf24;--accent-glow: rgba(245, 158, 11, .4);--cyan: #22d3ee;--cyan-soft: rgba(34, 211, 238, .15);--gradient-accent: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);--gradient-hero: linear-gradient(135deg, #f59e0b 0%, #22d3ee 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(245, 158, 11, .12) 0%, transparent 50%), radial-gradient(at 80% 0%, rgba(34, 211, 238, .08) 0%, transparent 50%), radial-gradient(at 0% 50%, rgba(245, 158, 11, .06) 0%, transparent 50%);--success: #22c55e;--font-heading: "Outfit", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--section-py: clamp(4rem, 10vw, 6rem);--container-max: 1100px;--nav-height: 72px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;line-height:1.2}h1{font-size:clamp(2.25rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.25rem)}h3{font-size:1.25rem}a{color:var(--accent);text-decoration:none;transition:color .2s var(--ease-out)}a:hover{color:var(--accent-hover)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem)}.section{padding:var(--section-py) 0;position:relative}.section+.section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(90%,600px);height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.25),transparent);opacity:.9}.section-title{color:var(--text);margin-bottom:.5rem}.section-subtitle{color:var(--text-muted);font-size:1rem;font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-body);font-size:.9375rem;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--gradient-accent);color:#0a0a0f;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s var(--ease-out)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--accent-glow),0 0 0 1px #f59e0b33}.btn-primary:hover:before{transform:translate(100%)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:#f59e0b66;background:var(--bg-elevated);box-shadow:0 0 24px #f59e0b14}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:0;z-index:9999;padding:.75rem 1.25rem;background:var(--accent);color:var(--bg);font-weight:600;text-decoration:none;border-radius:0 0 8px;transition:top .2s}.skip-link:focus{top:0;outline:2px solid var(--text);outline-offset:2px}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);display:flex;flex-direction:column;overflow:visible;transition:background .3s var(--ease-out),border-color .3s var(--ease-out)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;color:var(--text);letter-spacing:-.02em;transition:opacity .2s}.logo:hover{color:var(--text);opacity:.9}.logo-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-desktop{display:none}@media(min-width:900px){.nav-desktop{display:flex;align-items:center;gap:.25rem}}.nav-link{padding:.5rem .75rem;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--text-muted);background:none;border:none;border-radius:8px;cursor:pointer;transition:color .2s,background .2s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--accent);background:var(--accent-soft);box-shadow:0 0 20px #f59e0b26}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:0;background:none;border:none;cursor:pointer;color:var(--text)}@media(min-width:900px){.nav-toggle{display:none}}.nav-toggle span{display:block;height:2px;width:100%;background:currentColor;border-radius:2px;transition:transform .3s var(--ease-out)}.nav-toggle span:nth-child(1).open{transform:translateY(7px) rotate(45deg)}.nav-toggle span:nth-child(2).open{opacity:0}.nav-toggle span:nth-child(3).open{transform:translateY(-7px) rotate(-45deg)}.nav-mobile{position:absolute;top:var(--nav-height);left:0;right:0;z-index:101;background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:1rem;display:flex;flex-direction:column;gap:.25rem;pointer-events:auto;-webkit-tap-highlight-color:transparent}@media(min-width:900px){.nav-mobile{display:none}}.nav-mobile .nav-link{width:100%;text-align:left;padding:.75rem 1rem;min-height:44px;display:flex;align-items:center;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-height);overflow:hidden}.hero-inner{position:relative;z-index:1}.hero-greeting{margin-bottom:.75rem}.hero-greeting-badge{display:inline-block;font-size:.9375rem;font-weight:500;color:var(--accent);padding:.35rem .9rem;background:var(--accent-soft);border:1px solid rgba(245,158,11,.25);border-radius:999px;letter-spacing:.02em;animation:hero-badge-pulse 3s ease-in-out infinite}@keyframes hero-badge-pulse{0%,to{box-shadow:0 0 #f59e0b33}50%{box-shadow:0 0 0 8px #f59e0b00}}.hero-title{font-size:clamp(2.75rem,8vw,4.25rem);font-weight:700;letter-spacing:-.04em;margin-bottom:1rem;line-height:1.1}.hero-title-name{display:inline-block}.hero-title-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.0625rem,2.2vw,1.3125rem);color:var(--text-muted);max-width:520px;margin-bottom:1.75rem;line-height:1.65}.hero-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.25rem}.hero-tag{font-size:.8125rem;font-weight:500;padding:.45rem .9rem;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);cursor:default;transition:border-color .2s,color .2s,box-shadow .2s}.hero-tag:hover{border-color:#f59e0b66;color:var(--text);box-shadow:0 0 20px #f59e0b1a}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem}.hero-bg{position:absolute;inset:0;pointer-events:none;background:var(--gradient-mesh)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 20%,black,transparent 65%);mask-image:radial-gradient(ellipse 80% 70% at 50% 20%,black,transparent 65%);animation:hero-grid-shift 20s linear infinite}@keyframes hero-grid-shift{0%{transform:translate(0)}to{transform:translate(56px,56px)}}.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:hero-glow-float 12s ease-in-out infinite}.hero-glow-1{top:-20%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(245,158,11,.15) 0%,transparent 70%)}.hero-glow-2{top:20%;right:-15%;width:45%;height:45%;background:radial-gradient(circle,rgba(34,211,238,.1) 0%,transparent 70%);animation-delay:-4s}.hero-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.03),transparent);animation:hero-orb-float 18s ease-in-out infinite}.hero-orb-1{width:280px;height:280px;top:15%;right:10%;animation-delay:0s}.hero-orb-2{width:180px;height:180px;bottom:25%;left:5%;animation-delay:-6s}.hero-orb-3{width:120px;height:120px;top:50%;right:25%;animation-delay:-12s}@keyframes hero-glow-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(3%,-5%) scale(1.05)}66%{transform:translate(-2%,3%) scale(.98)}}@keyframes hero-orb-float{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-15px,10px) scale(1.1);opacity:.8}}.section-title{position:relative;display:inline-block;padding-bottom:.5rem}.section-title:after{content:"";position:absolute;left:0;bottom:0;width:3rem;height:3px;background:var(--gradient-accent);border-radius:999px}.about-grid{display:grid;gap:2.5rem}@media(min-width:768px){.about-grid{grid-template-columns:1fr 280px;align-items:start}}.about-main .section-title{margin-bottom:1rem}.about-text{color:var(--text-muted);margin-bottom:1rem;max-width:56ch}.about-text:last-of-type{margin-bottom:0}.about-facts{display:grid;gap:1rem}.about-fact{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:border-color .25s,box-shadow .25s}.about-fact:hover{border-color:#f59e0b40;box-shadow:0 0 24px #f59e0b0f}.about-fact-label{font-size:.8125rem;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em}.about-fact-value{font-weight:500;color:var(--text)}.timeline{position:relative;padding-left:1.5rem;border-left:2px solid var(--border);margin-bottom:3rem}.timeline:before{content:"";position:absolute;left:-2px;top:0;height:100%;width:2px;background:linear-gradient(180deg,var(--accent) 0%,transparent 30%,transparent 70%,var(--cyan) 100%);opacity:.35;pointer-events:none}@media(min-width:640px){.timeline{padding-left:2rem}}.timeline-card{position:relative;padding-bottom:2.5rem}.timeline-card:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-1.5rem;top:.35rem;width:12px;height:12px;margin-left:-7px;background:var(--gradient-accent);border-radius:50%;box-shadow:0 0 0 3px var(--bg),0 0 20px var(--accent-glow);animation:timeline-dot-pulse 2.5s ease-in-out infinite}@keyframes timeline-dot-pulse{0%,to{box-shadow:0 0 0 3px var(--bg),0 0 20px var(--accent-glow)}50%{box-shadow:0 0 0 4px var(--bg),0 0 28px var(--accent-glow)}}@media(min-width:640px){.timeline-dot{left:-2rem;margin-left:-7px}}.timeline-content{padding-left:.5rem}.timeline-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.25rem}.timeline-role{font-size:1.1rem;color:var(--text)}.timeline-company{font-size:.9375rem;color:var(--accent);font-weight:500}.timeline-company-link{color:inherit;font-weight:inherit;transition:opacity .2s,text-decoration-color .2s}.timeline-company-link:hover{opacity:.9;text-decoration:underline;text-underline-offset:2px}.timeline-period{font-size:.8125rem;color:var(--text-subtle);white-space:nowrap}.timeline-location{font-size:.8125rem;color:var(--text-muted);margin-bottom:.5rem}.timeline-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.timeline-tag{font-size:.75rem;padding:.2rem .5rem;background:var(--accent-soft);color:var(--accent);border-radius:6px}.timeline-list{list-style:none;color:var(--text-muted);font-size:.9375rem;line-height:1.6}.timeline-list li{position:relative;padding-left:1.25rem;margin-bottom:.35rem}.timeline-list li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;background:var(--text-subtle);border-radius:50%}.timeline-award{margin-top:.75rem;font-size:.875rem;color:var(--text-muted);padding:.5rem .75rem;background:var(--bg-card);border-radius:8px;border-left:3px solid var(--accent)}.award-icon{color:var(--accent);margin-right:.25rem}.edu-title{margin-bottom:1.25rem;color:var(--text)}.edu-list{display:grid;gap:1rem}@media(min-width:500px){.edu-list{grid-template-columns:repeat(2,1fr)}}.edu-item{padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:border-color .25s,box-shadow .25s}.edu-item:hover{border-color:#f59e0b33;box-shadow:0 4px 20px #0003}.edu-school{font-size:1rem;color:var(--text);margin-bottom:.25rem}.edu-degree{font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.edu-period,.edu-detail{font-size:.8125rem;color:var(--text-subtle);display:block}.skills-grid{display:grid;gap:1.75rem}@media(min-width:640px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-group{padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;transition:border-color .25s,box-shadow .25s}.skill-group:hover{border-color:#f59e0b33;box-shadow:0 8px 32px #00000040,0 0 0 1px #f59e0b14}.skill-group-title{font-size:.875rem;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;font-weight:600}.skill-chips{display:flex;flex-wrap:wrap;gap:.5rem}.skill-chip{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;padding:.5rem .9rem;background:var(--bg-elevated);border-radius:10px;color:var(--text);border:1px solid var(--border);transition:border-color .2s,background .2s,transform .2s}.skill-chip-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--text-muted);transition:color .2s,transform .2s}.skill-chip:hover{border-color:#f59e0b59;background:var(--accent-soft);transform:translateY(-1px)}.skill-chip:hover .skill-chip-icon{color:var(--accent);transform:scale(1.1)}.skill-chip-label{font-weight:500}.projects-grid{display:grid;gap:1.25rem}.project-article{min-width:0}@media(min-width:640px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{display:flex;flex-direction:column;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;position:relative;transition:border-color .3s,box-shadow .3s;text-decoration:none;color:inherit}.project-card:hover{border-color:#f59e0b80;box-shadow:0 20px 50px #00000059,0 0 0 1px #f59e0b33,0 0 40px #f59e0b1a}.project-card:not([href]){cursor:default}.project-badge{position:absolute;top:1rem;right:1rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .5rem;background:var(--accent-soft);color:var(--accent);border-radius:6px;border:1px solid rgba(245,158,11,.3)}.project-name{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:.5rem;transition:background .3s,-webkit-background-clip .3s,background-clip .3s}.project-card:hover .project-name{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-desc{font-size:.9375rem;color:var(--text-muted);margin-bottom:1rem;flex:1;line-height:1.55}.project-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.project-tag{font-size:.75rem;padding:.25rem .55rem;background:var(--accent-soft);color:var(--accent);border-radius:6px;font-weight:500}.project-link-label{font-size:.8125rem;color:var(--accent);font-weight:500;transition:letter-spacing .2s}.project-card:hover .project-link-label:not(.project-link-label--muted){letter-spacing:.02em}.project-link-label--muted{color:var(--text-subtle)}.testimonials-wrap{max-width:640px;margin:0 auto}.testimonial-card{padding:2.25rem 2rem;background:linear-gradient(145deg,var(--bg-card) 0%,var(--bg-elevated) 100%);border:1px solid var(--border);border-radius:20px;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 24px #0003}.testimonial-card:before{content:'"';position:absolute;top:.75rem;left:1.25rem;font-size:4rem;font-family:Georgia,serif;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.2;line-height:1}.testimonial-quote{font-size:1.0625rem;line-height:1.75;color:var(--text-muted);margin-bottom:1.25rem;font-style:italic;position:relative;z-index:1}.testimonial-footer{display:flex;flex-direction:column;gap:.15rem;position:relative;z-index:1}.testimonial-author{color:var(--text);font-size:.9375rem;font-weight:600}.testimonial-role{font-size:.8125rem;color:var(--accent);font-weight:500}.testimonial-dots{display:flex;justify-content:center;gap:.6rem}.testimonial-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--bg-elevated);cursor:pointer;transition:background .25s,transform .25s,box-shadow .25s}.testimonial-dot:hover{background:var(--text-subtle);transform:scale(1.15)}.testimonial-dot.active{background:var(--gradient-accent);transform:scale(1.25);box-shadow:0 0 16px var(--accent-glow)}.schedule-meeting{background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg) 100%)}.schedule-meeting-inner{text-align:center;max-width:520px;margin:0 auto}.schedule-meeting-title{margin-bottom:.5rem}.schedule-meeting-subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.schedule-meeting-btn{font-size:1rem;padding:.875rem 1.75rem}.schedule-meeting-btn-icon{width:1.25rem;height:1.25rem}.contact-grid{display:grid;gap:1rem;margin-bottom:2rem}@media(min-width:500px){.contact-grid{grid-template-columns:repeat(2,1fr)}}.contact-card{display:flex;flex-direction:column;gap:.35rem;padding:1.35rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s}.contact-card:hover{border-color:#f59e0b66;background:var(--bg-elevated);box-shadow:0 8px 28px #00000040,0 0 24px #f59e0b0f;transform:translateY(-2px)}.contact-label{font-size:.8125rem;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em}.contact-value{font-weight:600;color:var(--text);font-size:1rem}.contact-cta{text-align:center}.contact-cta-or{color:var(--text-muted);margin:0 .25rem}.contact-cta-link{color:var(--accent);font-weight:500}.contact-cta-link:hover{color:var(--accent-hover);text-decoration:underline}.footer{padding:1.5rem 0;border-top:1px solid var(--border);margin-top:var(--section-py)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.footer-copy{font-size:.875rem;color:var(--text-muted)}.footer-copy strong{color:var(--text)}.footer-links{display:flex;gap:1.25rem}.footer-links a{font-size:.875rem;color:var(--text-muted)}.footer-links a:hover{color:var(--accent)}