*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--surface: #101010;--border: #1c1c1c;--border-subtle: #141414;--text: #efefef;--text-muted: #5a5a5a;--text-secondary: #9a9a9a;--accent: #a78bfa;--accent-dim: rgba(167,139,250,.08);--accent-border: rgba(167,139,250,.15);--font-sans: "DM Sans", sans-serif;--font-serif: "DM Serif Display", serif;--font-mono: "JetBrains Mono", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}.container{max-width:760px;margin:0 auto;padding:0 24px}section{padding:96px 0;border-bottom:1px solid var(--border-subtle)}section:last-of-type{border-bottom:none}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:60px;background:#080808d9;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.nav-brand{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);text-decoration:none;letter-spacing:.04em}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-size:13px;color:var(--text-secondary);text-decoration:none;letter-spacing:.01em;transition:color .15s}.nav-links a:hover{color:var(--text)}.section-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:40px;display:flex;align-items:center;gap:16px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--text);color:var(--bg);padding:10px 22px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;letter-spacing:.01em;transition:opacity .15s}.btn-primary:hover{opacity:.88}.btn-ghost{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);padding:10px 16px;border-radius:6px;font-size:14px;text-decoration:none;border:1px solid var(--border);transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:#333;color:var(--text)}.badge{font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:4px;background:#161616;color:var(--text-muted);border:1px solid var(--border);letter-spacing:.02em}#hero{padding-top:180px;padding-bottom:96px}.hero-label{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:10px}.hero-label:before{content:"";display:block;width:24px;height:1px;background:var(--accent)}h1{font-family:var(--font-serif);font-size:clamp(48px,7vw,80px);line-height:1.05;letter-spacing:-.02em;color:var(--text);margin-bottom:8px}.hero-subtitle{font-family:var(--font-serif);font-size:clamp(28px,4vw,44px);line-height:1.1;color:var(--text-muted);font-style:italic;margin-bottom:32px}.hero-body{font-size:16px;color:var(--text-secondary);max-width:520px;line-height:1.7;margin-bottom:40px}.hero-body strong{color:var(--text);font-weight:500}.hero-actions{display:flex;gap:12px;align-items:center}.hero-container{display:flex;align-items:flex-start;gap:48px}.hero-profile-img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.hero-content{flex:1}.projects-grid{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.about-text{font-size:15px;color:var(--text-secondary);line-height:1.75;max-width:620px}.about-text+.about-text{margin-top:16px}.about-text strong{color:var(--text);font-weight:500}.skills-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.exp-item,.edu-item{display:grid;grid-template-columns:160px 1fr;gap:32px;margin-bottom:40px}.exp-item:last-child,.edu-item:last-child{margin-bottom:0}.exp-date{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.04em;margin-bottom:4px}.exp-company,.edu-school{font-size:12px;color:var(--text-muted);margin-bottom:4px}.exp-role,.edu-degree{font-size:15px;font-weight:500;color:var(--text);margin-bottom:8px}.exp-desc,.edu-courses{font-size:14px;color:var(--text-secondary);line-height:1.65}.exp-desc ul{padding-left:16px;margin-top:8px}.exp-desc li{margin-bottom:4px}#contact{padding-bottom:120px}.contact-heading{font-family:var(--font-serif);font-size:36px;color:var(--text);margin-bottom:12px;letter-spacing:-.01em}.contact-sub{font-size:15px;color:var(--text-secondary);margin-bottom:32px;max-width:400px}footer{padding:32px 0;border-top:1px solid var(--border-subtle)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-copy{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.04em}.footer-links{display:flex;gap:24px}.footer-links a{font-size:13px;color:var(--text-muted);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text)}.blog-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.blog-item{background:var(--surface);padding:24px 32px;display:flex;justify-content:space-between;align-items:baseline;text-decoration:none;transition:background .15s}.blog-item:hover{background:#131313}.blog-item-title{font-size:15px;font-weight:500;color:var(--text)}.blog-item-date{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.04em}.blog-empty{font-size:14px;color:var(--text-muted);padding:48px 32px;text-align:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;border:1px solid var(--border);border-radius:10px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s ease both}.fade-up:nth-child(1){animation-delay:.05s}.fade-up:nth-child(2){animation-delay:.12s}.fade-up:nth-child(3){animation-delay:.2s}.fade-up:nth-child(4){animation-delay:.28s}.fade-up:nth-child(5){animation-delay:.35s}@media(max-width:768px){.hero-container{flex-direction:column;align-items:center;text-align:center}.hero-profile-img{width:160px;height:160px}}@media(max-width:600px){nav{padding:0 24px}.nav-links{gap:20px}.exp-item,.edu-item{grid-template-columns:1fr;gap:8px}}