:root{color-scheme:light;--bg: #f8fafc;--bg-alt: #ffffff;--surface: rgba(255, 255, 255, .82);--surface-strong: #ffffff;--text: #0f172a;--muted: #475569;--muted-2: #64748b;--line: rgba(15, 23, 42, .1);--line-strong: rgba(15, 23, 42, .16);--primary: #0f172a;--primary-2: #1e293b;--primary-soft: rgba(15, 23, 42, .06);--shadow: 0 18px 50px rgba(15, 23, 42, .08);--shadow-lg: 0 28px 80px rgba(15, 23, 42, .12);--radius-lg: 28px;--radius-md: 22px;--radius-sm: 16px;--container: 1120px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#94a3b838 0,#f8fafceb 24%,#fff);color:var(--text);font-family:inherit;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#0f172a1f;color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}.app-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(15,23,42,.08);background:#ffffffb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.brand{display:inline-flex;align-items:center;gap:14px;min-width:0}.brand-mark,.avatar,.card-icon{display:grid;place-items:center;border-radius:18px;background:linear-gradient(180deg,var(--primary-2),var(--primary));color:#fff;box-shadow:0 14px 30px #0f172a24}.brand-mark{width:46px;height:46px;font-weight:700;letter-spacing:-.03em}.brand strong,.brand small{display:block}.brand strong{font-size:.98rem;line-height:1.1}.brand small{color:var(--muted);margin-top:4px;font-size:.82rem}.desktop-nav{display:flex;gap:24px;align-items:center}.desktop-nav a{color:var(--muted);font-size:.95rem;font-weight:500;transition:color .18s ease,transform .18s ease}.desktop-nav a:hover{color:var(--text);transform:translateY(-1px)}.desktop-nav a:focus-visible,.menu-button:focus-visible,.social-link:focus-visible,.mobile-nav a:focus-visible{outline:3px solid rgba(15,23,42,.18);outline-offset:3px}.menu-button{display:none;align-items:center;justify-content:center;border:1px solid var(--line);background:#fffffff5;border-radius:999px;width:44px;height:44px;box-shadow:0 8px 24px #0f172a0d;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.menu-button:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:0 12px 30px #0f172a14}.mobile-nav{display:none;padding-bottom:16px;flex-direction:column;gap:10px}.mobile-nav a{padding:12px 14px;border-radius:14px;background:#fffffff2;border:1px solid var(--line);transition:background .18s ease,border-color .18s ease,transform .18s ease}.mobile-nav a:hover{background:#fff;border-color:var(--line-strong);transform:translateY(-1px)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:72px 0 46px;align-items:center}.hero-copy h1{font-size:clamp(2.7rem,5vw,5rem);line-height:.96;margin:18px 0;letter-spacing:-.06em;max-width:12ch}.subtitle{color:var(--muted);max-width:690px;font-size:1.08rem;line-height:1.85;margin:0}.pill,.project-tag,.project-category{display:inline-flex;align-items:center;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pill{padding:10px 14px;border:1px solid rgba(15,23,42,.08);background:#ffffffc7;color:var(--primary);box-shadow:0 8px 20px #0f172a0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-meta{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0 26px;color:var(--muted);font-size:.98rem}.hero-meta span{display:inline-flex;align-items:center;gap:8px}.social-row{display:flex;flex-wrap:wrap;gap:12px}.social-link{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:#fffffff0;border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 24px #0f172a0a;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.social-link:hover{transform:translateY(-2px);border-color:#0f172a2e;box-shadow:0 14px 30px #0f172a14}.hero-panel{padding:30px;border-radius:32px;background:linear-gradient(180deg,#0f172afa,#0f172aeb);color:#fff;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.06)}.panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-label,.section-title .eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:#94a3b8;font-weight:700}.hero-panel h2{margin:10px 0 0;font-size:1.65rem;line-height:1.1;letter-spacing:-.03em}.avatar{width:62px;height:62px;font-size:1rem;flex:none}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.stat-card{border-radius:22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card span{display:block;color:#cbd5e1;font-size:.82rem;letter-spacing:.02em}.stat-card strong{display:block;margin-top:8px;font-size:1.06rem;line-height:1.35;font-weight:700}.section{padding:46px 0}.section-title h2{font-size:clamp(1.8rem,3vw,2.9rem);margin:8px 0 0;letter-spacing:-.05em;line-height:1.05}.section-description{max-width:780px;color:var(--muted);line-height:1.85;margin-top:12px;font-size:1rem}.about-grid,.skill-grid,.project-grid,.education-grid,.activities-grid{display:grid;gap:18px;margin-top:22px}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid,.education-grid,.activities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.timeline-card,.project-card,.contact-card{border:1px solid var(--line);background:#ffffffe0;box-shadow:var(--shadow)}.card,.project-card,.timeline-card,.education-card,.activity-card{border-radius:var(--radius-lg)}.about-card,.education-card,.activity-card{padding:24px}.card-icon{width:44px;height:44px;margin-bottom:16px;transition:transform .18s ease}.card:hover .card-icon,.project-card:hover .card-icon{transform:translateY(-2px) scale(1.03)}.card h3,.project-card h3,.timeline-card h3,.education-card h3{margin:0;font-size:1.14rem;line-height:1.3;letter-spacing:-.02em}.card p,.project-card p,.activity-card p,.education-card p,.education-card span{color:var(--muted);line-height:1.85}.skill-group{border-radius:26px;background:#ffffffeb;border:1px solid var(--line);padding:24px;box-shadow:var(--shadow)}.skill-group-head{display:flex;align-items:center;gap:10px}.skill-group-head h3{margin:0;font-size:1.08rem}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chip{border-radius:999px;border:1px solid rgba(15,23,42,.08);padding:10px 14px;background:linear-gradient(180deg,#fff,#f8fafc);font-size:.92rem;color:var(--text);box-shadow:0 8px 18px #0f172a0a}.timeline-list{display:grid;gap:16px;margin-top:22px}.timeline-card{padding:24px;display:grid;grid-template-columns:18px 1fr;gap:16px}.timeline-dot{width:14px;height:14px;margin-top:7px;border-radius:999px;background:linear-gradient(180deg,var(--primary-2),var(--primary));box-shadow:0 0 0 6px #0f172a0f}.timeline-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.timeline-head p,.timeline-head span{color:var(--muted);margin:6px 0 0}.timeline-card ul{margin:16px 0 0;padding-left:20px;color:var(--muted)}.timeline-card li+li{margin-top:10px}.project-card{padding:24px;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at top right,rgba(15,23,42,.04),transparent 45%);pointer-events:none}.project-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.project-category,.project-tag{padding:8px 12px;background:#f1f5f9;color:var(--primary);border:1px solid rgba(15,23,42,.06)}.project-tag{background:#e2e8f0}.project-card p{min-height:96px}.contact-card{border-radius:34px;padding:30px;display:grid;grid-template-columns:1fr .9fr;gap:22px;background:linear-gradient(180deg,#0f172afc,#0f172aed);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-lg)}.contact-card .section-description,.contact-card .eyebrow{color:#cbd5e1}.contact-details{padding:22px;border-radius:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09)}.contact-details p{margin:0;line-height:2;color:#ffffffe0}.site-footer{border-top:1px solid rgba(15,23,42,.08);background:#ffffffad;margin-top:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-inner{display:flex;justify-content:space-between;gap:16px;padding:22px 0;color:var(--muted);font-size:.95rem}@media (max-width: 920px){.hero,.about-grid,.skill-grid,.project-grid,.education-grid,.activities-grid,.contact-card{grid-template-columns:1fr}.desktop-nav{display:none}.menu-button,.mobile-nav{display:flex}.hero{padding-top:34px}.hero-copy h1{max-width:14ch}}@media (max-width: 640px){.container{width:min(var(--container),calc(100% - 24px))}.nav-shell{padding:14px 0}.hero-copy h1{font-size:2.35rem}.hero-panel,.contact-card{padding:22px}.panel-top,.timeline-head,.footer-inner{flex-direction:column}.stat-grid,.timeline-card{grid-template-columns:1fr}.timeline-dot{margin-top:0}.project-top{flex-direction:column;align-items:flex-start}.footer-inner{padding:18px 0}.resume-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:#0f172a;color:#fff!important;font-weight:600;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 10px 24px #0f172a1f}.resume-button:hover{transform:translateY(-2px);background:#1e293b;box-shadow:0 16px 36px #0f172a2e}}