:root{scroll-behavior:smooth;--bg: #070912;--bg-2: radial-gradient(120% 120% at 16% 10%, rgba(124, 58, 237, .18), transparent 45%), radial-gradient(110% 110% at 80% 0%, rgba(14, 165, 233, .2), transparent 50%), #070912;--panel: rgba(255, 255, 255, .04);--panel-strong: rgba(255, 255, 255, .08);--accent: #7dd3fc;--accent-2: #c084fc;--text: #e7ebf5;--muted: #9ca3af;--stroke: rgba(255, 255, 255, .14);--shadow: 0 18px 60px rgba(0, 0, 0, .4);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--glow: 0 0 0 1px rgba(125, 211, 252, .35), 0 20px 50px rgba(96, 165, 250, .12)}body.light{--bg: #f7f8fb;--bg-2: linear-gradient(145deg, #f3f6ff 0%, #fefefe 60%, #f2f4ff 100%);--panel: rgba(255, 255, 255, .9);--panel-strong: rgba(255, 255, 255, 1);--accent: #2563eb;--accent-2: #9333ea;--text: #0f172a;--muted: #475569;--stroke: rgba(15, 23, 42, .08);--shadow: 0 12px 35px rgba(15, 23, 42, .08);--glow: 0 0 0 1px rgba(37, 99, 235, .25), 0 18px 40px rgba(37, 99, 235, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Manrope,system-ui,-apple-system,sans-serif;background:var(--bg-2);color:var(--text);min-height:100vh;padding:28px 16px 72px;line-height:1.6;letter-spacing:.01em;transition:background .35s ease,color .25s ease}a{color:inherit;text-decoration:none}.page{max-width:1160px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.nav{position:sticky;top:16px;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070912b8;border:1px solid var(--stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:12px 14px;display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow:visible}body.light .nav{background:#f7f8fbe6}.nav-left{display:flex;align-items:center;gap:8px;font-weight:700;font-family:Space Grotesk,sans-serif;letter-spacing:.04em;flex:1;min-width:0}.nav-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;border:1px solid var(--stroke);background:var(--panel);font-size:12px;color:var(--muted)}.nav-links{display:flex;flex-wrap:nowrap;gap:6px;justify-content:space-between;flex:1;width:100%}.nav-links a{padding:8px 12px;border-radius:12px;border:1px solid var(--stroke);background:var(--panel);color:var(--text);font-weight:600;font-size:13px;transition:all .2s ease;flex:1;text-align:center}.nav-links a.active{border-color:var(--accent);color:var(--accent);background:var(--panel);font-weight:700;box-shadow:0 0 0 1px var(--accent)}.nav-links a:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:12px;border:1px solid var(--stroke);background:var(--panel);color:var(--text);cursor:pointer;transition:all .2s ease;min-width:42px}.menu-btn{display:none;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:12px;min-width:42px;border:1px solid var(--stroke);background:var(--panel);color:var(--text);cursor:pointer;transition:all .2s ease}.menu-btn:hover,.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.scroll-top{position:fixed;right:18px;bottom:22px;width:46px;height:46px;border-radius:14px;border:1px solid var(--stroke);background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;z-index:40;opacity:.94}.scroll-top:hover{transform:translateY(-2px);box-shadow:var(--glow)}.scroll-top:active{transform:translateY(0)}.hero{grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}.hero-card,.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-card--center{width:100%;max-width:100%;margin:0 auto 12px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:32px;position:relative;z-index:1}.hero-avatar{display:flex;flex-direction:column;align-items:center;margin-bottom:18px}.hero-title{font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,38px);font-weight:700;margin-bottom:10px}.hero-sub{color:var(--muted);font-weight:600;font-size:15px;margin-bottom:12px;text-align:center}.hero-summary{color:var(--muted);font-size:15px;text-align:center}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.badge{padding:6px 10px;border-radius:10px;background:var(--panel-strong);border:1px solid var(--stroke);font-size:12px;color:var(--text)}.badge-strong{border-color:var(--accent);background:linear-gradient(120deg,#7dd3fc2e,#c084fc24);box-shadow:0 0 0 1px #7dd3fc40,0 10px 30px #7dd3fc2e}.highlight{color:var(--accent);font-weight:800}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.btn{padding:10px 14px;border-radius:12px;font-weight:700;border:1px solid transparent;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#0b1021;box-shadow:0 10px 30px #7dd3fc4d}.btn-secondary{background:transparent;color:var(--text);border-color:var(--stroke)}.btn:hover{transform:translateY(-1px);box-shadow:var(--glow)}.hero-right{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--stroke);background:var(--panel);box-shadow:var(--shadow)}.hero-right:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 80% at 50% 20%,rgba(125,211,252,.18),transparent 55%);pointer-events:none}.profile-img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.02)}.profile-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--accent),0 0 18px 2px var(--accent-2),0 0 28px 6px #7c3aed1a;animation:profileGlow 2.5s ease-in-out infinite alternate}.stat-bar{position:absolute;bottom:12px;left:12px;right:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{border-radius:var(--radius-sm);padding:10px;background:var(--panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat strong{font-size:18px;display:block}.stat span{color:var(--muted);font-size:12px}.section{display:flex;flex-direction:column;gap:14px}.section-header{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}.section-title{font-family:Space Grotesk,sans-serif;font-size:clamp(24px,3.4vw,32px);font-weight:700;display:flex;align-items:center;gap:10px;justify-content:center;animation:titlePop .7s ease both}.section-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--stroke);background:var(--panel);box-shadow:var(--shadow);font-size:20px}.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--stroke);color:var(--muted);font-size:12px;background:var(--panel)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.timeline{position:relative;display:grid;gap:14px;padding-left:26px}.timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:var(--stroke);border-radius:10px}.timeline-item{position:relative}.timeline-item--last:after{content:"";position:absolute;left:-16px;bottom:-10px;width:28px;height:24px;background:linear-gradient(180deg,transparent 0%,var(--bg) 80%);pointer-events:none}.timeline-marker{position:absolute;left:-2px;top:18px;width:12px;height:12px;border-radius:50%;background:var(--panel-strong);border:2px solid var(--accent);box-shadow:0 0 0 4px #7dd3fc1f,0 8px 24px #0000003d}.timeline-card{margin-left:6px}.timeline-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:8px}.experience-meta{display:flex;flex-direction:column;gap:4px}.experience-company{font-size:15px;font-weight:700;color:var(--text)}.timeline-period{color:var(--muted);font-size:13px}.card{border-radius:var(--radius-md);border:1px solid var(--stroke);background:var(--panel);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--glow)}.card h3{font-size:17px;font-weight:700;margin:0;color:var(--text)}.card .meta{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 9px;border-radius:10px;background:var(--panel-strong);border:1px solid var(--stroke);font-size:12px;color:var(--text)}ul.bullets{margin-left:16px;color:var(--text);font-size:14px;display:grid;gap:6px;padding:4px 0}.project-url a{color:var(--accent);font-weight:600}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.skill-block{border:1px solid var(--stroke);background:var(--panel);border-radius:var(--radius-md);padding:12px}.skill-block h4{margin:0 0 8px;font-size:14px;color:var(--muted);letter-spacing:.02em}.achievement{border:1px solid var(--stroke);background:var(--panel);padding:12px;border-radius:var(--radius-md)}.achievement h4{margin:0 0 4px;font-size:15px}.achievement .time{color:var(--muted);font-size:12px}.social-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.social-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--stroke);background:var(--panel);font-weight:600;font-size:13px;transition:all .2s ease}.social-link:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--glow)}.footer{text-align:center;color:var(--muted);font-size:18px;margin-top:12px}.fade-up{animation:fadeUp .6s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes titlePop{0%{transform:translateY(10px) scale(.97);opacity:0}60%{transform:translateY(-4px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes profileGlow{0%{box-shadow:0 0 0 2px var(--accent),0 0 18px 2px var(--accent-2),0 0 28px 6px #7c3aed1a}60%{box-shadow:0 0 0 4px var(--accent),0 0 22px 4px var(--accent-2),0 0 36px 8px #7c3aed21}to{box-shadow:0 0 0 2px var(--accent),0 0 18px 2px var(--accent-2),0 0 28px 6px #7c3aed1a}}@media(max-width:920px){body{padding:18px 12px 60px}.hero{grid-template-columns:1fr}.stat-bar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));position:static;margin-top:12px}.nav{position:sticky;top:12px;flex-direction:row;align-items:center;gap:8px}.nav-links{display:none;flex-direction:column;width:100%;gap:8px;order:3;position:absolute;top:calc(100% + 10px);left:0;right:0;padding:12px;background:#070912f2;border:1px solid var(--stroke);border-radius:var(--radius-md);box-shadow:var(--shadow);z-index:20}.nav-links.open{display:flex}.nav-links a{flex:none;text-align:left}.menu-btn{display:inline-flex;order:2}.nav-left{width:auto;justify-content:flex-start}.theme-toggle{order:4}.scroll-top{right:14px;bottom:18px}}