:root{--bg: #fbfbf9;--text: #0f172a;--muted: #6b7280;--border: #d6d6d0;--skill-bg: rgba(255, 255, 255, .6);--skill-text: #0f172a;--nav-text: #374151;--nav-hover: #0f172a;--heading: #0f172a;font-family:JetBrains Mono,monospace;color:var(--text)}body[data-theme=dark]{--bg: #0e1116;--text: #e5e7eb;--muted: #9ca3af;--border: #2a2f3a;--skill-bg: rgba(255, 255, 255, .06);--skill-text: #e5e7eb;--nav-text: #cbd5f5;--nav-hover: #ffffff;--heading: #f1f5f9}body{margin:0;min-height:100vh;background:var(--bg);transition:background .3s ease,color .3s ease}p,li{line-height:1.75;letter-spacing:.15px;color:var(--text)}:root{--bg: #fbfbf9;--text: #0f172a;--muted: #6b7280;--border: #e5e7eb;--skill-bg: rgba(255, 255, 255, .7);--skill-text: #0f172a;--nav-text: #374151;--nav-hover: #0f172a;--heading: #0f172a;font-family:JetBrains Mono,monospace;color:var(--text)}body[data-theme=dark]{--bg: #0e1116;--text: #e5e7eb;--muted: #9ca3af;--border: #2a2f3a;--skill-bg: rgba(255, 255, 255, .12);--skill-text: #f1f5f9;--nav-text: #cbd5f5;--nav-hover: #ffffff;--heading: #f8fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.08) 1px,transparent 1px,transparent 32px);transition:background .3s ease,color .3s ease}body[data-theme=dark]{background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.08),rgba(255,255,255,.08) 1px,transparent 1px,transparent 32px)}a{color:inherit;text-decoration:none}p,li{line-height:1.8;letter-spacing:.15px;color:var(--text)}.intro-screen{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:2000}.intro-text{font-size:4rem;font-weight:500;letter-spacing:4px;color:var(--heading);opacity:0;transform:scale(.7);animation:introZoom 1.8s ease forwards}.intro-text.expand{letter-spacing:12px;transition:letter-spacing 1.2s ease}@keyframes introZoom{to{opacity:1;transform:scale(1)}}.top-nav{position:sticky;top:0;z-index:1000;background:var(--bg);display:flex;justify-content:space-between;align-items:center;padding:1.1rem 2rem}.brand-mark{font-weight:600;font-size:1.05rem;color:var(--heading)}.nav-links{display:flex;align-items:center;gap:1.6rem;font-size:.85rem}.nav-links a,.theme-btn{color:var(--nav-text);opacity:.9}.nav-links a:hover,.theme-btn:hover{opacity:1;color:var(--nav-hover)}.wrapper{max-width:1100px;margin:auto;padding:3rem 1.5rem 3.5rem}.section-box{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:2.2rem 2.4rem;margin-bottom:3.2rem}.header{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap}.avatar{width:96px;height:96px;border-radius:12px;object-fit:cover}.header-text{display:flex;flex-direction:column;gap:.4rem}.name{font-size:2.3rem;font-weight:600;color:var(--heading)}.role{font-size:.95rem;color:var(--muted)}.resume-inline{display:inline-flex;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.85rem;color:var(--nav-text);opacity:.9}.section-title{font-size:1.15rem;font-weight:800;letter-spacing:.9px;margin-bottom:1.4rem;color:var(--heading);text-transform:uppercase}.education-list{padding-left:1.2rem}.education-list li{margin-bottom:1.8rem}.education-list strong{font-weight:700;color:var(--heading)}.projects li{margin-bottom:1.4rem}.project-title{font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:currentColor}.skills{display:flex;flex-wrap:wrap;gap:.7rem}.skill{padding:.45rem .9rem;font-size:.8rem;border-radius:999px;border:1px solid var(--border);background:var(--skill-bg);color:var(--skill-text);white-space:nowrap;cursor:default;transition:transform .18s ease,box-shadow .18s ease}.skill:hover{transform:translateY(-4px) scale(1.05)}.contact-box{border:1px solid var(--border);border-radius:14px;background:var(--bg)}.contact-toggle{padding:1rem;text-align:center;cursor:pointer;color:var(--heading)}.contact-icons{display:flex;justify-content:center;gap:2.2rem;padding:1.5rem 0 1.7rem;font-size:1.6rem}.contact-icons a{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.contact-icons svg{transition:transform .18s ease,opacity .18s ease}.contact-icons a:hover svg{transform:translateY(-5px) scale(1.12);opacity:1}.footer{margin-top:4.5rem;font-size:.8rem;color:var(--muted);text-align:center}body[data-theme=dark] .contact-icons a,body[data-theme=dark] h4{color:#fff}a svg,.theme-btn svg{transition:transform .18s ease}a:hover svg,.theme-btn:hover svg{transform:translateY(-2px) scale(1.05)}@media(hover:none){.skill:hover,.contact-icons a:hover svg,a:hover svg{transform:none}}section{scroll-margin-top:90px}