:root{--bg-color: #fdfdfd;--ink: #111111;--ink-muted: #555555;--ink-light: #888888;--accent: #2563eb;--accent-light: #eff6ff;--border: #e5e5e5;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--max-width: 900px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,sans-serif;color:var(--ink-muted);background-color:var(--bg-color);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--ink);font-weight:600;letter-spacing:-.02em}h1{font-size:3rem;line-height:1.1;margin-bottom:.5rem}h2{font-size:1.75rem;margin-bottom:2rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);display:inline-block}h3{font-size:1.25rem;margin-bottom:.25rem}p{font-size:1rem;margin-bottom:1rem}a{color:var(--ink);text-decoration:none;transition:all .2s ease}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.navbar{padding:2rem 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);margin-bottom:4rem}.nav-logo{font-weight:700;color:var(--ink);letter-spacing:-.02em}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:.9rem;font-weight:500;color:var(--ink-muted)}.nav-links a:hover{color:var(--accent)}.hero{margin-bottom:6rem;animation:fadeUp .8s ease backwards}.hero-subtitle{font-size:1.25rem;color:var(--ink-light);margin-bottom:1.5rem;font-weight:400}.hero-about{max-width:600px;font-size:1.1rem;line-height:1.7}.skills-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.skill-tag{font-size:.85rem;font-weight:500;padding:.4rem .8rem;border:1px solid var(--border);border-radius:9999px;color:var(--ink-muted);background:#fff;transition:all .2s ease}.skill-tag:hover{border-color:var(--accent);color:var(--accent);background-color:var(--accent-light);transform:translateY(-1px)}section{margin-bottom:6rem;animation:fadeUp .8s ease backwards;animation-delay:.2s}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.project-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:2rem;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.project-meta{font-size:.85rem;color:var(--ink-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:block}.project-card p{flex-grow:1;margin-top:.5rem;margin-bottom:1.5rem}.project-btn{align-self:flex-start;display:inline-flex;align-items:center;font-size:.9rem;font-weight:500;color:var(--accent)}.project-btn:after{content:"→";margin-left:.5rem;transition:transform .2s ease}.project-card:hover .project-btn:after{transform:translate(4px)}.experience-list{display:flex;flex-direction:column;gap:3rem}.experience-item{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:600px){.experience-item{grid-template-columns:200px 1fr;gap:2rem}}.exp-date{font-size:.9rem;color:var(--ink-light);font-weight:500;padding-top:.25rem}.exp-role{color:var(--ink);font-weight:600;font-size:1.1rem}.exp-company{color:var(--accent);font-weight:500;margin-bottom:.75rem}footer{padding:4rem 0 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.social-links{display:flex;gap:1.5rem}.social-links a{font-weight:500;color:var(--ink-light)}.social-links a:hover{color:var(--ink)}.contact-button{display:inline-block;background:var(--ink);color:#fff;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;margin-bottom:1rem}.contact-button:hover{background:var(--accent);color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}