:root{color-scheme:dark;--bg: #0F172A;--surface: #1E293B;--surface-strong: #334155;--text: #F8FAFC;--muted: #C2CBD9;--border: #475569;--accent: #38BDF8;--accent-strong: #7DD3FC;--accent-hover: #0EA5E9;--accent-soft: #16304A;--warm: #0EA5E9;--gold: #F59E0B;--lime: #22C55E;--success: #22C55E;--warning: #F59E0B;--error: #EF4444;--shadow: 0 24px 70px rgba(0, 0, 0, .55);--radius: 8px;--max-width: 1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;min-width:320px;background:linear-gradient(135deg,rgba(56,189,248,.1),transparent 34%),linear-gradient(215deg,rgba(14,165,233,.07),transparent 36%),linear-gradient(rgba(56,189,248,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.045) 1px,transparent 1px),linear-gradient(180deg,var(--bg),var(--bg));background-size:auto,auto,52px 52px,52px 52px,auto;color:var(--text);font-family:Poppins,Lato,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}::selection{background:var(--accent-soft);color:var(--text)}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid color-mix(in srgb,var(--border),transparent 20%);background:color-mix(in srgb,var(--bg),transparent 10%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navbar{width:min(100% - 32px,var(--max-width));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);font-weight:800;text-decoration:none}.brand span:first-child{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--accent),transparent 35%);background:var(--accent-soft);color:var(--accent-strong);font-size:.88rem;letter-spacing:0}.nav-links{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.nav-links a{display:inline-flex;min-height:40px;align-items:center;border-radius:var(--radius);color:var(--muted);font-size:.94rem;font-weight:700;padding:0 12px;text-decoration:none;transition:background .18s ease,color .18s ease}.nav-links a:hover{background:var(--accent-soft);color:var(--accent-strong)}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;margin:5px auto;border-radius:999px;background:currentColor}.section{width:min(100% - 32px,var(--max-width));margin:0 auto;padding:88px 0}.alt-section{width:100%;max-width:none;padding-right:max(16px,calc((100vw - var(--max-width)) / 2));padding-left:max(16px,calc((100vw - var(--max-width)) / 2));background:color-mix(in srgb,var(--surface-strong),transparent 45%);border-block:1px solid color-mix(in srgb,var(--border),transparent 30%)}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:clamp(32px,6vw,72px);padding-top:72px}.eyebrow{margin:0 0 12px;color:var(--accent-strong);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin-top:0;color:var(--text);line-height:1.12}h1{max-width:11ch;margin-bottom:16px;font-size:clamp(3.5rem,9vw,7rem);letter-spacing:0}h2{margin-bottom:16px;font-size:clamp(2rem,4vw,3.1rem);letter-spacing:0}h3{margin-bottom:12px;font-size:1.22rem}.hero-title{max-width:760px;margin:0 0 22px;color:var(--accent);font-size:clamp(1.38rem,2.8vw,2.25rem);font-weight:800;line-height:1.22}.hero-text{max-width:700px;margin:0 0 14px;color:var(--muted);font-size:1.08rem}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius);padding:0 18px;font-weight:800;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--bg);box-shadow:0 14px 34px #38bdf83d}.button.secondary{border-color:var(--border);background:var(--surface);color:var(--accent-strong)}.button.ghost{background:transparent;color:var(--accent-strong);text-decoration:underline;text-underline-offset:5px}.hero-visual{width:100%}.hero-illustration{display:block;width:100%;height:auto;border-radius:16px;filter:drop-shadow(0 24px 60px rgba(0,0,0,.45))}.data-panel{min-height:470px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,color-mix(in srgb,var(--surface),transparent 4%),color-mix(in srgb,var(--accent-soft),transparent 10%)),var(--surface);box-shadow:var(--shadow);overflow:hidden}.panel-header{display:flex;gap:8px;padding:18px;border-bottom:1px solid var(--border)}.panel-header span{width:10px;height:10px;border-radius:50%;background:var(--warm)}.panel-header span:nth-child(2){background:var(--gold)}.panel-header span:nth-child(3){background:var(--accent)}.network{position:relative;min-height:300px;background-image:linear-gradient(color-mix(in srgb,var(--border),transparent 38%) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border),transparent 38%) 1px,transparent 1px);background-size:42px 42px}.node,.link{position:absolute;display:block}.node{width:15px;height:15px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent),transparent 76%),0 0 22px color-mix(in srgb,var(--accent),transparent 35%)}.node-1{top:34px;left:16%}.node-2{top:82px;left:39%}.node-3{top:40px;right:22%}.node-4{top:142px;left:22%;background:var(--gold)}.node-5{top:155px;left:55%}.node-6{top:112px;right:12%;background:var(--warm)}.node-7{bottom:60px;left:13%}.node-8{bottom:88px;left:42%;background:var(--warm)}.node-9{bottom:42px;right:26%}.node-10{bottom:118px;right:9%;background:var(--gold)}.node-11{top:210px;left:70%}.node-12{top:224px;left:32%;background:var(--gold)}.link{height:2px;background:color-mix(in srgb,var(--accent-strong),transparent 45%);transform-origin:left center}.link-1{top:72px;left:18%;width:150px;transform:rotate(17deg)}.link-2{top:107px;left:41%;width:205px;transform:rotate(-12deg)}.link-3{top:170px;left:24%;width:165px;transform:rotate(7deg)}.link-4{bottom:105px;left:43%;width:230px;transform:rotate(-18deg)}.link-5{top:210px;left:34%;width:190px;transform:rotate(29deg)}.signal-list{display:grid;gap:12px;padding:22px}.signal-list span{height:13px;border-radius:999px;background:linear-gradient(90deg,var(--accent),transparent)}.signal-list span:nth-child(2){width:72%;background:linear-gradient(90deg,var(--warm),transparent)}.signal-list span:nth-child(3){width:84%;background:linear-gradient(90deg,var(--gold),transparent)}.section-heading{max-width:780px;margin-bottom:34px}.section-intro{margin:0;color:var(--muted);font-size:1.04rem}.about-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:36px;align-items:start}.about-copy{color:var(--muted);font-size:1.05rem}.about-copy p{margin-top:0}.interest-panel,.skill-group,.project-card,.timeline-content,.education-card,.contact-section{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface),transparent 3%);box-shadow:0 18px 46px #00000061}.interest-panel{display:flex;flex-wrap:wrap;gap:10px;padding:22px}.interest-panel span,.tag-list li{border:1px solid color-mix(in srgb,var(--accent-strong),transparent 45%);border-radius:999px;color:var(--accent-strong);font-size:.88rem;font-weight:750;padding:7px 10px}.skills-grid,.projects-grid,.education-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.project-card,.education-card,.skill-group{padding:24px}.skill-group ul,.timeline-content ul,.education-card ul{margin:0;padding-left:20px;color:var(--muted)}.skill-group li+li,.timeline-content li+li,.education-card li+li{margin-top:8px}.skill-group h3,.project-card h3,.education-card h3{color:var(--accent-strong)}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{display:flex;min-height:100%;flex-direction:column}.project-preview-card p{margin:0 0 20px;color:var(--muted)}.compact-tags{margin-top:auto}.page-hero{padding-bottom:44px}.page-hero h1{max-width:100%;font-size:clamp(3rem,8vw,6rem)}.project-details-section{padding-top:16px}.project-details-list{display:grid;gap:24px}.project-anchor{scroll-margin-top:96px}.project-anchor .project-card{min-height:0}.card-topline{display:flex;margin-bottom:16px}.card-topline span{border-left:4px solid var(--accent);color:var(--accent-strong);font-size:.82rem;font-weight:900;padding-left:10px;text-transform:uppercase}.project-detail{margin-bottom:16px}.project-detail strong{display:block;color:var(--text);font-size:.88rem}.project-detail p{margin:3px 0 0;color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 20px;padding:0;list-style:none}.card-links{display:flex;flex-wrap:wrap;gap:14px}.card-links a,.footer-links a{color:var(--accent-strong);font-weight:800;text-underline-offset:5px}.timeline{position:relative;display:grid;gap:18px}.timeline:before{position:absolute;top:12px;bottom:12px;left:11px;width:2px;background:var(--border);content:""}.timeline-item{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr)}.timeline-marker{position:relative;z-index:1;width:24px;height:24px;border:5px solid var(--bg);border-radius:50%;background:var(--accent)}.alt-section .timeline-marker{border-color:color-mix(in srgb,var(--surface-strong),transparent 45%)}.timeline-content{padding:24px}.date-range,.organisation{margin:0 0 8px;color:var(--muted)}.date-range{font-weight:800}.organisation{color:var(--accent-strong);font-weight:800}.education-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-section{padding:48px}.site-footer{width:min(100% - 32px,var(--max-width));margin:0 auto;padding:32px 0 48px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted)}.site-footer p{margin:0}.footer-links{display:flex;gap:16px}@media(max-width:980px){.hero,.about-grid{grid-template-columns:minmax(0,1fr)}.hero{min-height:auto}.hero-copy{min-width:0}.hero-visual{max-width:640px}.skills-grid,.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){html{scroll-padding-top:74px}.navbar{min-height:66px}.menu-toggle{display:block}.nav-links{position:fixed;inset:66px 0 auto;display:grid;max-height:calc(100vh - 66px);border-bottom:1px solid var(--border);background:var(--surface);padding:12px 16px 22px;box-shadow:var(--shadow);transform:translateY(-120%);transition:transform .18s ease}.nav-links.is-open{transform:translateY(0)}.nav-links a{width:100%;min-height:48px;justify-content:center}.section{padding:64px 0}.alt-section{padding-top:64px;padding-bottom:64px}.hero{padding-top:48px}h1{font-size:clamp(3rem,16vw,4.4rem)}.data-panel{min-height:380px}.network{min-height:240px}.skills-grid,.projects-grid,.education-grid{grid-template-columns:1fr}.contact-section{padding:32px 22px}.button{width:100%}.site-footer{align-items:flex-start;flex-direction:column}}@media(max-width:460px){.navbar,.section,.site-footer{width:min(100% - 24px,var(--max-width))}.brand span:last-child{display:none}.project-card,.education-card,.skill-group,.timeline-content{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}