:root{--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--text:#111827;--muted:#475569;--border:#e2e8f0;--accent:#2563eb;--accent-soft:#dbeafe;--btn-primary-bg:#111827;--btn-primary-text:#fff;--max-width:1100px;--shadow:0 10px 30px #0f172a0f;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body.dark-mode{--bg:#0f172a;--surface:#111827;--surface-2:#1e293b;--text:#f8fafc;--muted:#cbd5e1;--border:#334155;--accent:#60a5fa;--accent-soft:#60a5fa1f;--btn-primary-bg:#60a5fa;--btn-primary-text:#0f172a;--shadow:0 10px 30px #0000004d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}.container{width:min(100% - 2rem, var(--max-width));margin:0 auto}.section{padding:5rem 0}.section-heading{max-width:700px;margin-bottom:2.5rem}.section-heading h2{margin:.25rem 0 .75rem;font-size:clamp(2rem,4vw,3rem)}.section-heading p{color:var(--muted)}.eyebrow{color:var(--accent);background:var(--accent-soft);border-radius:999px;margin-bottom:.5rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;display:inline-block}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000;background:#f8fafcd9;position:sticky;top:0}body.dark-mode .navbar{background:#0f172ad9}.nav-content{justify-content:space-between;align-items:center;min-height:72px;display:flex}.logo{font-weight:700}.nav-links{gap:1.5rem;display:flex}.nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--text)}.nav-actions{gap:.5rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.8rem 1.2rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{filter:brightness(.95)}.btn-secondary{background:var(--surface);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-2)}.hero{padding:6rem 0}.hero h1{margin:0;font-size:clamp(3rem,8vw,5rem)}.hero-subtitle{color:var(--muted);margin-top:1rem}.hero-buttons{gap:1rem;margin-top:2rem;display:flex}.resume-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);will-change:transform, opacity;border-radius:16px;padding:1.5rem}.card:hover{transition:all .2s;transform:translateY(-3px)}.full-width{grid-column:1/-1}.resume-item+.resume-item{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.resume-topline{justify-content:space-between;display:flex}.resume-place{color:var(--muted);margin:0;font-weight:500}.company-row{align-items:center;gap:.6rem;margin:.4rem 0 .8rem;display:flex}.company-logo{object-fit:contain;border-radius:6px;width:28px;height:28px}.tag-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tag-list li{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.4rem .7rem;font-size:.9rem}.contact-links{flex-direction:column;gap:1rem;display:flex}.contact-links a{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;transition:all .2s}.contact-links a:hover{background:var(--accent-soft);transform:translateY(-2px)}.footer{text-align:center;color:var(--muted);padding:2rem 0}.menu-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;width:46px;height:46px;display:none;position:relative}.menu-toggle span{background:var(--text);width:22px;height:2px;position:absolute;left:11px}.menu-toggle span:first-child{top:14px}.menu-toggle span:nth-child(2){top:22px}.menu-toggle span:nth-child(3){top:30px}.menu-toggle.active span:first-child{top:22px;transform:rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){top:22px;transform:rotate(-45deg)}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}@media (width<=768px){.nav-content{grid-template-columns:1fr auto;display:grid}.menu-toggle{display:block}.nav-links{text-align:center;flex-direction:column;width:100%;padding-top:1rem;display:none}.nav-links.open{display:flex}.hero-buttons{flex-direction:column}.resume-grid{grid-template-columns:1fr}}
