:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--accent-1: #6366f1;--accent-2: #22d3ee;--gradient: linear-gradient(120deg, var(--accent-1), var(--accent-2));--radius: 16px;--container: 1120px;--transition: 0.25s ease}[data-theme=dark]{--bg: #0b1120;--bg-elev: #111a2e;--bg-card: rgba(255, 255, 255, 0.04);--border: rgba(255, 255, 255, 0.1);--text: #e6ebf5;--text-soft: #9aa7bd;--nav-bg: rgba(11, 17, 32, 0.8);--shadow: 0 16px 40px rgba(0, 0, 0, 0.4);--chip-bg: rgba(255, 255, 255, 0.06)}[data-theme=light]{--bg: #f6f8fc;--bg-elev: #ffffff;--bg-card: #ffffff;--border: rgba(15, 23, 42, 0.1);--text: #10182b;--text-soft: #51607a;--nav-bg: rgba(246, 248, 252, 0.85);--shadow: 0 16px 40px rgba(15, 23, 42, 0.08);--chip-bg: rgba(15, 23, 42, 0.05)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}img,svg{max-width:100%}a{color:inherit}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.accent{color:var(--accent-2)}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.bg-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(600px 400px at 85% -5%, color-mix(in srgb, var(--accent-1) 22%, transparent), transparent 70%),radial-gradient(500px 400px at -10% 40%, color-mix(in srgb, var(--accent-2) 14%, transparent), transparent 70%)}.site-header{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:66px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.05rem}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--gradient);color:#fff;font-weight:800}.nav-links{display:flex;gap:4px;list-style:none}.nav-links a{display:block;padding:8px 14px;border-radius:999px;font-size:.92rem;font-weight:500;color:var(--text-soft);text-decoration:none;transition:color var(--transition),background var(--transition)}.nav-links a:hover,.nav-links a.is-active{color:var(--text);background:var(--chip-bg)}.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:rgba(0,0,0,0);color:var(--text);cursor:pointer;transition:background var(--transition),transform var(--transition)}.icon-btn:hover{background:var(--chip-bg);transform:translateY(-1px)}[data-theme=dark] .icon-moon{display:none}[data-theme=light] .icon-sun{display:none}.nav-burger{display:none}.hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:48px;padding-top:84px;padding-bottom:40px;min-height:78vh}.hero h1{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;letter-spacing:-0.03em;line-height:1.08}.hero h1 .thin{font-weight:400;color:var(--text-soft)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--chip-bg);color:var(--accent-2);font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.02em;margin-bottom:22px}.hero-title{font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:700;margin-top:10px;letter-spacing:-0.01em}.hero-lede{max-width:56ch;margin-top:18px;color:var(--text-soft);font-size:1.05rem}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 8px 24px color-mix(in srgb, var(--accent-1) 40%, transparent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px color-mix(in srgb, var(--accent-1) 55%, transparent)}.btn-ghost{border:1px solid var(--border);color:var(--text);background:var(--bg-card)}.btn-ghost:hover{transform:translateY(-2px);background:var(--chip-bg)}.social-row{display:flex;gap:8px;list-style:none;margin-top:30px}.social-row a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:12px;color:var(--text-soft);transition:color var(--transition),border-color var(--transition),transform var(--transition)}.social-row a:hover{color:var(--accent-2);border-color:var(--accent-2);transform:translateY(-2px)}.hero-card{border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);background:var(--bg-card);box-shadow:var(--shadow);padding:34px;backdrop-filter:blur(6px)}.avatar{display:grid;place-items:center;width:128px;height:128px;margin:0 auto 26px;border-radius:32px;background:var(--gradient);color:#fff}.stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat{border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center;background:var(--bg-elev)}.stat-num{display:block;font-size:1.7rem;font-weight:800;font-family:var(--font-mono);background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.stat-label{font-size:.8rem;color:var(--text-soft)}.section{padding:72px 24px}.section-title{display:flex;align-items:baseline;gap:14px;font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:800;letter-spacing:-0.02em;margin-bottom:40px}.section-num{font-family:var(--font-mono);font-size:.95rem;color:var(--accent-2)}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}.about-text{font-size:1.1rem;color:var(--text-soft)}.about-text strong{color:var(--text)}.about-highlights{list-style:none;display:grid;gap:12px}.about-highlights li{position:relative;padding:14px 16px 14px 40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);font-size:.95rem}.about-highlights li::before{content:"✓";position:absolute;left:16px;color:var(--accent-2);font-weight:700}.timeline{list-style:none;position:relative;padding-left:28px}.timeline::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--accent-1), var(--accent-2));opacity:.5}.timeline-item{position:relative;padding-bottom:42px}.timeline-item:last-child{padding-bottom:0}.timeline-item::before{content:"";position:absolute;left:-28px;top:7px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--accent-1)}.timeline-item h3{font-size:1.15rem;font-weight:700;margin-bottom:8px}.timeline-item .at{font-weight:500;color:var(--text-soft);font-size:.95rem}.timeline-item ul{list-style:none;display:grid;gap:6px}.timeline-item ul li{position:relative;padding-left:20px;color:var(--text-soft);font-size:.95rem}.timeline-item ul li::before{content:"▹";position:absolute;left:0;color:var(--accent-1)}.timeline-meta{display:flex;align-items:center;gap:12px;margin-bottom:6px}.timeline-date{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-2);font-weight:600}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-current{background:color-mix(in srgb, var(--accent-2) 15%, transparent);color:var(--accent-2);border:1px solid color-mix(in srgb, var(--accent-2) 40%, transparent)}.badge-dev{background:color-mix(in srgb, #f59e0b 15%, transparent);color:#f59e0b;border:1px solid color-mix(in srgb, #f59e0b 40%, transparent)}.badge-live{background:color-mix(in srgb, #34d399 15%, transparent);color:#10b981;border:1px solid color-mix(in srgb, #34d399 45%, transparent)}[data-theme=dark] .badge-live{color:#34d399}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.chip{padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:var(--chip-bg);color:var(--text-soft);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.chip:hover{color:var(--text);border-color:var(--accent-1)}.chip.is-active{background:var(--gradient);color:#fff;border-color:rgba(0,0,0,0)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:22px}.project-card{display:flex;flex-direction:column;gap:14px;padding:26px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.project-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb, var(--accent-1) 60%, transparent);box-shadow:var(--shadow)}.project-card.featured{background:linear-gradient(var(--bg-elev), var(--bg-elev)) padding-box,var(--gradient) border-box;border:1px solid rgba(0,0,0,0)}.project-card.hidden{display:none}.project-card h3{font-size:1.1rem;font-weight:700;letter-spacing:-0.01em}.project-card p{color:var(--text-soft);font-size:.92rem;flex:1}.project-card .tags{order:9;margin-top:auto}.project-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.head-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.ext-link{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:9px;color:var(--text-soft);text-decoration:none;flex-shrink:0;transition:color var(--transition),border-color var(--transition),transform var(--transition)}.ext-link:hover{color:var(--accent-2);border-color:var(--accent-2);transform:translateY(-1px)}.project-card p a{color:var(--accent-2);text-decoration:none;border-bottom:1px dotted color-mix(in srgb, var(--accent-2) 60%, transparent)}.project-card p a:hover{border-bottom-style:solid}.modules-details{border:1px solid var(--border);border-radius:12px;background:var(--chip-bg);order:10}.modules-details summary{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;list-style:none;font-size:.88rem;font-weight:600;color:var(--accent-2);user-select:none}.modules-details summary::-webkit-details-marker{display:none}.modules-details summary::before{content:"▸";transition:transform var(--transition)}.modules-details[open] summary::before{transform:rotate(90deg)}.modules-details .module-list{list-style:none;display:grid;gap:10px;padding:4px 16px 16px;max-height:320px;overflow-y:auto}.modules-details .module-list li{font-size:.85rem;color:var(--text-soft);padding-left:12px;border-left:2px solid color-mix(in srgb, var(--accent-1) 45%, transparent)}.modules-details .module-list strong{color:var(--text);font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.tags li,.tags a{padding:4px 12px;border-radius:999px;background:var(--chip-bg);border:1px solid var(--border);font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--text-soft);text-decoration:none}.tags a:hover{color:var(--accent-2);border-color:var(--accent-2)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:22px}.skill-group{padding:26px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.skill-group h3{font-size:.85rem;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);margin-bottom:16px}.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.edu-card{padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.edu-card h3{margin:8px 0 6px;font-size:1.15rem}.edu-card p{color:var(--text-soft);font-size:.92rem}.edu-year{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--accent-2)}.edu-note{margin-top:10px;font-weight:600;color:var(--text) !important}.contact-card{text-align:center;padding:64px 32px;border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);background:radial-gradient(500px 200px at 50% 0%, color-mix(in srgb, var(--accent-1) 16%, transparent), transparent 70%),var(--bg-card)}.contact-card h2{font-size:clamp(1.6rem,3.5vw,2.3rem);letter-spacing:-0.02em}.contact-card p{color:var(--text-soft);margin-top:10px}.contact-card .hero-cta{justify-content:center}.site-footer{border-top:1px solid var(--border);padding:26px 0;margin-top:40px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--text-soft);font-size:.85rem}.to-top{text-decoration:none;font-weight:600;color:var(--text-soft)}.to-top:hover{color:var(--accent-2)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}@media(max-width: 900px){.hero{grid-template-columns:1fr;padding-top:56px;min-height:0}.hero-card{max-width:460px}.about-grid,.edu-grid{grid-template-columns:1fr}}@media(max-width: 760px){.nav-burger{display:grid}.nav-links{position:absolute;top:66px;left:0;right:0;flex-direction:column;padding:12px 24px 20px;background:var(--nav-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:none}.nav-links.open{display:flex}.section{padding:56px 24px}.stats{grid-template-columns:1fr 1fr}}