html{scroll-behavior:smooth}:root{--cardSolid: #ffffff;--text: #0b1220;--muted: #475569;--border: rgba(15, 23, 42, .12);--shadow: 0 12px 30px rgba(2, 6, 23, .08);--shadow2: 0 20px 60px rgba(2, 6, 23, .15);--radius: 18px;--accent: #2563eb;--accent2: #0ea5e9;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;color:var(--text);background:radial-gradient(1200px 600px at 10% 10%,rgba(37,99,235,.1),transparent 60%),radial-gradient(900px 500px at 80% 15%,rgba(14,165,233,.1),transparent 55%),linear-gradient(180deg,#f8fafc,#f1f5f9)}@media(prefers-color-scheme:dark){:root{--cardSolid: rgba(255, 255, 255, .06);--text: #e5e7eb;--muted: #9ca3af;--border: rgba(255, 255, 255, .12);--shadow: 0 14px 40px rgba(0, 0, 0, .35);--shadow2: 0 24px 70px rgba(0, 0, 0, .45);background:radial-gradient(1200px 700px at 10% 10%,rgba(37,99,235,.22),transparent 60%),radial-gradient(900px 600px at 85% 20%,rgba(14,165,233,.18),transparent 55%),linear-gradient(180deg,#0b1220,#0f172a)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-attachment:fixed}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;will-change:transform;background:radial-gradient(600px circle at 20% 30%,rgba(37,99,235,.15),transparent 60%),radial-gradient(700px circle at 80% 70%,rgba(14,165,233,.15),transparent 60%);animation:bgMove 20s linear infinite alternate}.container{max-width:980px;margin:0 auto;padding:32px 16px 48px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}h1,h2{letter-spacing:-.02em;line-height:1.2}h1{font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{position:relative}h2:after{content:"";display:block;width:40px;height:3px;margin-top:6px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:2px}h3{font-size:16px;font-weight:600;opacity:.85}p{margin:0 0 12px;color:var(--muted)}.card{background:var(--cardSolid);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);z-index:1}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow2)}.card:before,.project:before{z-index:0;content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(37,99,235,.06),rgba(14,165,233,.04),transparent 60%);opacity:0;transition:opacity .2s ease;pointer-events:none}.card,.project{position:relative;overflow:hidden;will-change:transform}.card:hover:before,.project:hover:before{opacity:1}.project:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent,rgba(255,255,255,.25),transparent);opacity:0;transition:opacity .3s ease}.project:hover:after{opacity:1}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center}@media(max-width:820px){.grid2{grid-template-columns:1fr}}.nav{position:sticky;top:12px;z-index:20;display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px;padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}@media(prefers-color-scheme:dark){.nav{background:#0f172a99}}@media(max-width:600px){.nav{justify-content:center;gap:8px}}.nav a{text-decoration:none;color:inherit;padding:8px 14px;border-radius:999px;transition:all .12s ease}.nav a:hover{background:#2563eb1a;transform:translateY(-1px)}.nav a:focus-visible{outline:none;box-shadow:0 0 0 4px #2563eb38}.badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:10px}.badge{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;letter-spacing:.02em;padding:8px 16px;border-radius:999px;background:linear-gradient(145deg,#ffffffe6,#ffffffa6);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-decoration:none;color:var(--text);transition:all .18s cubic-bezier(.4,.2,.2,1)}@media(prefers-color-scheme:dark){.badge{background:linear-gradient(145deg,#ffffff14,#ffffff0a)}}.badge:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb59}.badge:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 30px #2563eb2e,0 0 12px #2563eb2e}.badge.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;box-shadow:0 8px 20px #2563eb40}.badge.primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 30px #2563eb59}.badge svg{font-size:16px;opacity:.85;transition:transform .2s ease;color:var(--accent)}@keyframes skillFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.badge{animation:skillFade .35s ease;will-change:transform,opacity}.profile{width:100%;max-width:240px;border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);display:block;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.profile:hover{transform:translateY(-3px);box-shadow:var(--shadow2)}.experience-item{margin-bottom:18px}.flex-between{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.experience-role{font-weight:600}.experience-list{margin-top:8px;padding-left:20px;color:var(--muted)}.project{display:grid;gap:12px;padding:18px;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:linear-gradient(145deg,#ffffffe6,#fff9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1)}.project:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 30px 70px #0206172e,0 0 0 1px #2563eb14}@media(prefers-color-scheme:dark){.project{background:#ffffff0d;z-index:1}}.project .links{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}.small{font-size:13px;color:var(--muted);opacity:.8}.footer{margin-top:32px;text-align:center;color:var(--muted);font-size:13px;padding-bottom:10px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(600px circle at 20% 30%,rgba(37,99,235,.15),transparent 60%),radial-gradient(700px circle at 80% 70%,rgba(14,165,233,.15),transparent 60%);animation:bgMove 20s linear infinite alternate}@keyframes bgMove{0%{transform:translateY(-20px)}to{transform:translateY(20px)}}section{animation:sectionFade .6s ease}@keyframes sectionFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}