:root{--maxw: 1080px;--radius: 14px;--font-body: "Poppins", "Prompt", system-ui, sans-serif;--font-head: "Playfair Display", "Prompt", serif;--transition: .25s ease}html[data-theme=dark]{--bg: #0e1116;--bg-alt: #151a21;--surface: #1b212b;--border: #2a323d;--text: #e6e9ee;--text-dim: #9aa4b2;--accent: #1ba5e1;--accent-ink: #ffffff;--shadow: 0 8px 30px rgba(0, 0, 0, .45)}html[data-theme=light]{--bg: #ffffff;--bg-alt: #f4f7fa;--surface: #ffffff;--border: #e2e8f0;--text: #1a2230;--text-dim: #5b6573;--accent: #0f86bd;--accent-ink: #ffffff;--shadow: 0 8px 30px rgba(15, 23, 42, .08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.65;transition:background var(--transition),color var(--transition)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:.88em}pre{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:16px;overflow-x:auto;margin:18px 0}pre code{background:none;border:none;padding:0}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:1.15rem;color:var(--text)}.brand:hover{text-decoration:none}.nav-links{display:flex;gap:26px}.nav-links a{color:var(--text-dim);font-weight:500;font-size:.95rem}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-actions{display:flex;align-items:center;gap:10px}.theme-toggle,.nav-burger{background:var(--surface);border:1px solid var(--border);color:var(--text);width:38px;height:38px;border-radius:10px;cursor:pointer;display:grid;place-items:center;transition:var(--transition)}.theme-toggle:hover,.nav-burger:hover{border-color:var(--accent)}.nav-burger{display:none}.hero{padding:90px 0 70px}.hero-kicker{color:var(--text-dim);font-size:1.05rem;margin-bottom:12px}.hero-title{font-family:var(--font-head);font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.15;margin-bottom:20px}.accent,.typed{color:var(--accent)}.hero-lead{color:var(--text-dim);font-size:1.1rem;max-width:620px;margin-bottom:30px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:11px 22px;border-radius:10px;font-weight:500;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:var(--transition)}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent)}.section{padding:70px 0}.section-alt{background:var(--bg-alt)}.section-title{font-family:var(--font-head);font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:34px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;left:0;bottom:-8px;width:48px;height:3px;background:var(--accent);border-radius:3px}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.about-text p{color:var(--text-dim);margin-bottom:18px}.about-list{list-style:none;display:grid;gap:10px}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 10px;text-align:center}.stat-num{display:block;font-size:2rem;font-weight:600;color:var(--accent)}.stat-label{font-size:.82rem;color:var(--text-dim)}.timeline{display:grid;gap:14px}.exp{display:grid;grid-template-columns:auto 1fr;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:var(--transition)}.exp:hover{border-color:var(--accent);transform:translate(3px)}.exp-ic{font-size:1.5rem;color:var(--accent);line-height:1;padding-top:3px}.exp-period{color:var(--accent);font-size:.8rem;font-weight:500}.exp h3{font-size:1.08rem;margin:3px 0 2px}.exp .org{color:var(--text);font-weight:500;font-size:.92rem}.exp .org a{color:var(--text)}.exp .org a:hover{color:var(--accent)}.exp p{color:var(--text-dim);font-size:.9rem;margin-top:7px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition);color:var(--text);display:block}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accent);text-decoration:none}.card-thumb{aspect-ratio:16 / 9;background:var(--bg-alt);display:grid;place-items:center;font-size:2.4rem}.card-body{padding:18px}.card-body h3{font-size:1.1rem;margin-bottom:8px}.card-body p{color:var(--text-dim);font-size:.9rem;margin-bottom:12px}.tag{display:inline-block;background:var(--bg-alt);border:1px solid var(--border);color:var(--text-dim);font-size:.74rem;padding:3px 9px;border-radius:20px;margin:0 4px 4px 0}.blog-list{display:grid;gap:14px}.blog-row{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:var(--transition);color:var(--text)}.blog-row:hover{border-color:var(--accent);text-decoration:none;transform:translate(3px)}.blog-row .ic{font-size:1.6rem}.blog-row .date{color:var(--accent);font-size:.8rem;font-weight:500}.blog-row h3{font-size:1.05rem;margin:2px 0 4px}.blog-row p{color:var(--text-dim);font-size:.9rem}.see-more{margin-top:22px}.article{max-width:720px;margin:0 auto;padding:50px 0 70px}.article .meta{color:var(--accent);font-size:.85rem}.article h1{font-family:var(--font-head);font-size:clamp(1.8rem,5vw,2.6rem);margin:10px 0 24px}.article :is(p,ul,ol){margin-bottom:18px;color:var(--text)}.article ul,.article ol{padding-left:22px}.article h2{font-family:var(--font-head);margin:30px 0 12px}.article img{max-width:100%;border-radius:var(--radius);margin:20px 0}.back-link{display:inline-block;margin-top:30px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px}.contact-info p{color:var(--text-dim);margin-bottom:14px}.social-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.social-list a{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:1.05rem;transition:var(--transition)}.social-list a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none;transform:translateY(-3px)}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.95rem}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent)}.site-footer{border-top:1px solid var(--border);padding:28px 0;text-align:center}.site-footer p{color:var(--text-dim);font-size:.88rem}svg[data-icon]{display:inline-block;vertical-align:-.18em}.theme-toggle svg[data-icon],.nav-burger svg[data-icon]{width:19px;height:19px;vertical-align:0}.social-list a svg[data-icon]{width:20px;height:20px}.about-list li svg[data-icon]{color:var(--accent)}.hero-kicker svg[data-icon]{color:var(--accent)}.theme-toggle .icon-sun,[data-theme=light] .theme-toggle .icon-moon{display:none}[data-theme=light] .theme-toggle .icon-sun{display:block}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:860px){.about-grid,.contact-grid{grid-template-columns:1fr;gap:28px}}@media(max-width:680px){.nav-links{position:fixed;inset:64px 0 auto;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--border);padding:10px 22px 18px;transform:translateY(-120%);transition:transform .3s ease}.nav-links.open{transform:translateY(0)}.nav-links a{padding:12px 0;border-bottom:1px solid var(--border)}.nav-burger{display:grid}.hero{padding:60px 0 50px}.section{padding:50px 0}.blog-row{flex-direction:column;gap:6px}}