:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;background:#f7f6fb;color:#111827;--surface: rgba(255, 255, 255, .88);--surface-strong: rgba(255, 255, 255, .96);--text-muted: #6b7280;--accent: #c2410c;--card-radius: 14px;--shadow: 0 18px 45px rgba(15, 23, 42, .08);--rg-gradient-angle: 96deg;--rg-gradient-a: linear-gradient(var(--rg-gradient-angle, 96deg), #ffccf8 0%, #ffc0ad 26.85%, #ffd78a 59.66%, #fef571 100%);--rg-gradient-b: linear-gradient(var(--rg-gradient-angle, 96deg), #ffccf8 0%, #ffc0ad 63.83%, #ffd78a 100%);--rg-gradient-c: linear-gradient(var(--rg-gradient-angle, 96deg), #ffc0ad 26.85%, #ffd78a 71.64%);--rg-gradient-a-75: linear-gradient(var(--rg-gradient-angle, 96deg), rgba(255, 204, 248, .75) 0%, rgba(255, 192, 173, .75) 26.85%, rgba(255, 215, 138, .75) 59.66%, rgba(254, 245, 113, .75) 100%);--rg-gradient-b-75: linear-gradient(var(--rg-gradient-angle, 96deg), rgba(255, 204, 248, .75) 0%, rgba(255, 192, 173, .75) 63.83%, rgba(255, 215, 138, .75) 100%);--rg-gradient-c-75: linear-gradient(var(--rg-gradient-angle, 96deg), rgba(255, 192, 173, .75) 26.85%, rgba(255, 215, 138, .75) 71.64%);--rg-gradient-a-50: linear-gradient(var(--rg-gradient-angle, 96deg), rgba(255, 204, 248, .5) 0%, rgba(255, 192, 173, .5) 26.85%, rgba(255, 215, 138, .5) 59.66%, rgba(254, 245, 113, .5) 100%);--rg-gradient-b-50: linear-gradient(var(--rg-gradient-angle, 96deg), rgba(255, 204, 248, .5) 0%, rgba(255, 192, 173, .5) 63.83%, rgba(255, 215, 138, .5) 100%);--rg-gradient-c-50: linear-gradient(var(--rg-gradient-angle, 96deg), rgba(255, 192, 173, .5) 26.85%, rgba(255, 215, 138, .5) 71.64%);--rg-gradient-a-25: linear-gradient(var(--rg-gradient-angle, 96deg), rgba(255, 204, 248, .25) 0%, rgba(255, 192, 173, .25) 26.85%, rgba(255, 215, 138, .25) 59.66%, rgba(254, 245, 113, .25) 100%);--rg-gradient-b-25: linear-gradient(var(--rg-gradient-angle, 96deg), rgba(255, 204, 248, .25) 0%, rgba(255, 192, 173, .25) 63.83%, rgba(255, 215, 138, .25) 100%);--rg-gradient-c-25: linear-gradient(var(--rg-gradient-angle, 96deg), rgba(255, 192, 173, .25) 26.85%, rgba(255, 215, 138, .25) 71.64%);--rg-gradient-a-pressed: linear-gradient(var(--rg-gradient-angle, 96deg), rgba(255, 204, 248, .5) 0%, rgba(255, 192, 173, .67) 26.85%, rgba(255, 215, 138, .83) 59.66%, #fef571 100%)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;scroll-behavior:smooth}body{background:radial-gradient(circle at top left,rgba(255,204,248,.16),transparent 24%),radial-gradient(circle at right,rgba(254,245,113,.11),transparent 20%),#f7f6fb;color:#111827;font-family:inherit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(255,192,173,.08),transparent 22%),radial-gradient(circle at 80% 10%,rgba(255,215,138,.1),transparent 16%);pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;left:0;z-index:12;height:150px;background:linear-gradient(180deg,#f7f6fbfa,#f7f6fbcc,#f7f6fb00);pointer-events:none}.page-shell{position:relative;max-width:1180px;margin:0 auto;padding:32px 24px 64px;color:#111827}.topbar{position:sticky;top:32px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:16px 22px;border-radius:999px;background:var(--rg-gradient-a);box-shadow:0 18px 60px #0f172a1a;transition:box-shadow .24s ease}.topbar:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 18% 50%,rgba(255,204,248,.38),transparent 32%),radial-gradient(circle at 78% 35%,rgba(254,245,113,.34),transparent 36%),radial-gradient(circle at 58% 65%,rgba(0,51,204,.12),transparent 34%),var(--rg-gradient-a-25);filter:blur(22px);opacity:.65;transition:opacity .28s ease,filter .28s ease}.topbar:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:inherit;background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar:hover{box-shadow:0 18px 62px #0f172a1f}.topbar:hover:before{opacity:.78;filter:blur(24px)}.brand{color:#111827;font-weight:700;letter-spacing:.02em;text-decoration:none}.nav-links{display:flex;flex-wrap:wrap;gap:14px}.nav-links a{position:relative;color:#111827b8;text-decoration:none;font-size:.95rem;padding:4px 0;transition:color .2s ease}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:999px;background:var(--rg-gradient-c);opacity:0;transform:scaleX(.36);transform-origin:center;transition:opacity .2s ease,transform .2s ease}.nav-links a.active,.nav-links a:hover{color:#111827}.nav-links a:hover:after,.nav-links a.active:after{opacity:1;transform:scaleX(1)}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:32px;align-items:stretch;margin-bottom:64px}.hero-copy{max-width:620px;padding-top:28px}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:#c2410c;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}h1,h2,h3,p{margin:0}h1{font-size:clamp(3rem,4vw,4.8rem);line-height:.98;max-width:11ch}h1 span{color:#c2410c}.hero-text,.section-heading p,.panel-inner p,.card-inner p,.contact-inner p{color:#111827bf;line-height:1.8}.hero-text{max-width:58ch;margin-top:26px;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:42px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:14px 22px;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .24s ease,box-shadow .24s ease,background .24s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#111827;background:#fef571}.btn.secondary{color:#111827;border:1px solid rgba(17,24,39,.12);background:#ffffffeb}.gradient-card{position:relative;border-radius:var(--card-radius);padding:1px;background:transparent;overflow:visible;--hover-x: 50%;--hover-y: 50%;--glow-intensity: 0;--rand-angle: 0deg;--smoke-opacity: .58;isolation:isolate;transition:transform .26s ease}.gradient-card:before,.gradient-card:after{content:"";position:absolute;z-index:-1;border-radius:inherit;pointer-events:none;transition:opacity .32s ease,transform .32s ease,filter .32s ease,inset .32s ease}.gradient-card:before{top:-1px;right:-1px;bottom:-1px;left:-1px;background:var(--rg-gradient-a);opacity:.72;filter:blur(0);transform:scale(1)}.gradient-card:after{top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(circle at var(--hover-x, 50%) var(--hover-y, 50%),rgba(255,204,248,calc(.22 + var(--glow-intensity, 0) * .2)),transparent 28%),radial-gradient(circle at calc(var(--hover-x, 50%) + 18%) calc(var(--hover-y, 50%) - 18%),rgba(254,245,113,calc(.18 + var(--glow-intensity, 0) * .16)),transparent 34%),radial-gradient(circle at calc(var(--hover-x, 50%) - 18%) calc(var(--hover-y, 50%) + 22%),rgba(255,192,173,calc(.2 + var(--glow-intensity, 0) * .18)),transparent 30%),var(--rg-gradient-a-50);filter:blur(20px);opacity:var(--smoke-opacity);transform:translate3d(0,8px,0) scale(.96)}.gradient-card:not(.hero-panel){--smoke-opacity: .24;--hover-smoke-opacity: .62;--hover-smoke-blur: 26px;--hover-smoke-inset: -16px;--hover-smoke-scale: 1.035}.gradient-card:not(.hero-panel):before{opacity:.34}.gradient-card.indigo{--rg-gradient-a: linear-gradient(var(--rg-gradient-angle, 96deg), #00665f 0%, #003b8f 26.85%, #0033cc 44.56%, #7300e5 100%);--rg-gradient-b: linear-gradient(var(--rg-gradient-angle, 96deg), #003b8f 7.61%, #0033cc 29.46%, #7300e5 91.96%);--rg-gradient-c: linear-gradient(var(--rg-gradient-angle, 96deg), #0033cc 27.37%, #7300e5 100%);--rg-gradient-a-50: linear-gradient(var(--rg-gradient-angle, 96deg), rgba(0, 102, 95, .5) 0%, rgba(0, 59, 143, .5) 26.85%, rgba(0, 51, 204, .5) 44.56%, rgba(115, 0, 229, .5) 100%)}.gradient-card.indigo:after{background:radial-gradient(circle at var(--hover-x, 50%) var(--hover-y, 50%),rgba(0,102,95,calc(.2 + var(--glow-intensity, 0) * .18)),transparent 28%),radial-gradient(circle at calc(var(--hover-x, 50%) + 18%) calc(var(--hover-y, 50%) - 18%),rgba(115,0,229,calc(.17 + var(--glow-intensity, 0) * .16)),transparent 34%),radial-gradient(circle at calc(var(--hover-x, 50%) - 18%) calc(var(--hover-y, 50%) + 22%),rgba(0,51,204,calc(.18 + var(--glow-intensity, 0) * .17)),transparent 30%),var(--rg-gradient-a-50)}.gradient-card:hover:before,.gradient-card:hover:after{opacity:1}.gradient-card:hover{transform:translateY(-3px)}.gradient-card:hover:before{top:-5px;right:-5px;bottom:-5px;left:-5px;filter:blur(8px);transform:scale(1.015)}.gradient-card:hover:after{inset:var(--hover-smoke-inset, -24px);opacity:var(--hover-smoke-opacity, 1);filter:blur(var(--hover-smoke-blur, 34px));transform:translate3d(0,12px,0) scale(var(--hover-smoke-scale, 1.08));animation:smoke-bloom 1.8s ease-in-out infinite alternate}.gradient-card:hover .card-inner,.gradient-card:hover .panel-inner{border-color:#ffc0ad6b;box-shadow:0 24px 58px #0f172a1f}.card-inner,.panel-inner{position:relative;border-radius:calc(var(--card-radius) - 2px);background:#fff;padding:2rem;min-height:100%;box-shadow:var(--shadow);border:1px solid rgba(17,24,39,.08);transition:border-color .26s ease,box-shadow .26s ease}.panel-inner{display:grid;gap:24px}.panel-label{margin-bottom:4px;font-size:.95rem;color:#c2410c;letter-spacing:.08em;text-transform:uppercase}.panel-inner h2{font-size:2rem;margin-bottom:12px}.panel-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel-stats div{background:#1118270a;border-radius:20px;padding:18px;text-align:center}.panel-stats span{display:block;font-size:2rem;font-weight:700;margin-bottom:6px}.section-grid{display:grid;gap:28px;margin-bottom:56px}.section-heading h2{font-size:clamp(2rem,2.6vw,3rem);margin:12px 0 18px}.info-grid,.skill-grid,.experience-list,.project-grid{display:grid;gap:24px}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card,.skill-card,.experience-card,.timeline-card,.project-card,.contact-card{overflow:visible}.card-inner h3,.experience-title h3,.contact-inner h3{font-size:1.2rem;margin-bottom:10px;color:#111827}.timeline{position:relative;display:grid;gap:0;padding:8px 0}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;border-radius:999px;background:linear-gradient(180deg,#ffccf800,#ffc0adcc 14%,#ffd78ab8 50%,#0033cc52 82%,#ffccf800);transform:translate(-50%)}.timeline-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:start;margin-top:-56px}.timeline-item:first-child{margin-top:0}.timeline-card{grid-column:1}.timeline-item.right .timeline-card{grid-column:3}.timeline-branch{position:relative;z-index:1;grid-column:2;grid-row:1;justify-self:start;width:36px;height:2px;border-radius:999px;background:var(--rg-gradient-c);opacity:.72;margin-top:48px}.timeline-item.right .timeline-branch{justify-self:end;background:linear-gradient(var(--rg-gradient-angle, 96deg),#0033cc 27.37%,#7300e5 100%)}.timeline-dot{position:relative;z-index:2;grid-column:2;grid-row:1;justify-self:center;width:16px;height:16px;border:3px solid #ffffff;border-radius:999px;background:var(--rg-gradient-a);box-shadow:0 0 0 6px #ffc0ad29,0 10px 26px #0f172a1f;margin-top:41px}.timeline-item.right .timeline-dot{background:linear-gradient(var(--rg-gradient-angle, 96deg),#00665f 0%,#003b8f 26.85%,#0033cc 44.56%,#7300e5 100%);box-shadow:0 0 0 6px #0033cc1a,0 10px 26px #0f172a1f}.company-name,.location,.project-meta{color:#11182794;font-size:.92rem}.company-name{margin-top:-4px}.location{margin:2px 0 12px}.project-meta{margin-bottom:10px;color:#c2410c;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-card .card-inner{display:grid;align-content:start;gap:6px}.timeline-card .card-inner{padding:1.35rem}.experience-title{display:flex;justify-content:space-between;gap:18px;align-items:baseline;flex-wrap:wrap}.experience-title span{color:#111827a6;font-size:.95rem}.contact-inner{display:flex;align-items:stretch;justify-content:space-between;gap:24px}.contact-inner a{align-self:center}.contact-inner p{margin-top:18px}@keyframes smoke-bloom{0%{transform:translate3d(-4px,10px,0) scale(1.03)}to{transform:translate3d(5px,16px,0) scale(1.1)}}@media (max-width: 980px){.hero{grid-template-columns:1fr}.panel-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 760px){.page-shell{padding:24px 18px 48px}.topbar{top:24px;flex-direction:column;align-items:flex-start}.nav-links{width:100%;justify-content:flex-start}.panel-stats,.info-grid,.skill-grid,.experience-list,.project-grid{grid-template-columns:1fr}.timeline{gap:22px;padding-left:18px}.timeline:before{left:8px}.timeline-item,.timeline-item.right{grid-template-columns:24px minmax(0,1fr);margin-top:14px}.timeline-item:first-child{margin-top:0}.timeline-card,.timeline-item.right .timeline-card{grid-column:2}.timeline-branch,.timeline-item.right .timeline-branch{grid-column:1;justify-self:end;width:24px;margin-top:36px}.timeline-dot,.timeline-item.right .timeline-dot{grid-column:1;justify-self:start;margin-top:29px}.contact-inner{flex-direction:column}}