:root{--bg:#fff;--bg-alt:#f6f7f9;--text:#14161a;--text-muted:#5b6270;--accent:#2563eb;--accent-contrast:#fff;--border:#e5e7eb;--card-bg:#fff;--shadow:#0f111514;--overlay:#0f111580}[data-theme=dark]{--bg:#0f1115;--bg-alt:#15181d;--text:#f5f6f7;--text-muted:#9aa1ac;--accent:#60a5fa;--accent-contrast:#0f1115;--border:#262b33;--card-bg:#171a20;--shadow:#0006;--overlay:#0009}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .2s,color .2s}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}li{list-style:none}p{color:var(--text-muted);line-height:1.6}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}.icon{width:20px;height:20px}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:12px 22px;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{opacity:.88}.btn-ghost{border-color:var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{padding:8px 16px;font-size:14px}.text-link{color:var(--accent);font-weight:600}.text-link:hover{text-decoration:underline}.site-header{z-index:40;background-color:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:76px;display:flex}.logo{letter-spacing:.02em;font-size:20px;font-weight:800}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-muted);font-size:15px;font-weight:600;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-actions{align-items:center;gap:14px;display:flex}.theme-toggle{border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.theme-toggle:hover{color:var(--text);border-color:var(--accent)}.icon-moon,[data-theme=dark] .icon-sun{display:none}[data-theme=dark] .icon-moon{display:block}.hero{max-width:720px;padding:120px 24px 100px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:15px;font-weight:700}.hero-title{letter-spacing:-.02em;margin-bottom:20px;font-size:56px;font-weight:800;line-height:1.1}.hero-lede{margin-bottom:32px;font-size:19px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:36px;display:flex}.social-list{gap:14px;display:flex}.social-link{border:1px solid var(--border);width:40px;height:40px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.social-link:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.projects{padding:20px 24px 120px}.section-heading{margin-bottom:48px}.section-heading h2{letter-spacing:-.01em;margin-bottom:8px;font-size:34px;font-weight:800}.section-heading p{font-size:17px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;display:grid}.project-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.project-card:hover{box-shadow:0 16px 40px var(--shadow);transform:translateY(-4px)}.project-card-img{object-fit:cover;background-color:var(--bg-alt);width:100%;height:180px}.project-card-body{flex-direction:column;flex:1;padding:22px;display:flex}.project-card-body h3{margin-bottom:10px;font-size:19px;font-weight:700}.tag-list{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tag{color:var(--text-muted);background-color:var(--bg-alt);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.project-card-body p{flex:1;margin-bottom:18px;font-size:14.5px}.project-links{gap:18px;display:flex}.project-links a{color:var(--accent);font-size:14px;font-weight:700}.project-links a:hover{text-decoration:underline}.site-footer{border-top:1px solid var(--border);padding:32px 0}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-logo{font-weight:800}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:14px;font-weight:600;transition:color .15s}.footer-links a:hover{color:var(--accent)}.copyright{color:var(--text-muted);font-size:13px}.modal-overlay{z-index:100;background-color:var(--overlay);opacity:0;visibility:hidden;justify-content:center;align-items:center;padding:24px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.modal-overlay.is-open{opacity:1;visibility:visible}.modal-panel{background-color:var(--card-bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:520px;max-height:85vh;padding:44px;transition:transform .2s;position:relative;overflow-y:auto;transform:translateY(12px)}.modal-overlay.is-open .modal-panel{transform:translateY(0)}.modal-panel h3{margin-bottom:8px;font-size:24px;font-weight:800}.modal-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:14px;font-weight:600}.modal-panel p{margin-bottom:8px}.skill-pills{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.modal-close{width:34px;height:34px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--text);background-color:var(--bg-alt)}.hidden-field{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-item{margin-bottom:18px}.form-item label{margin-bottom:6px;font-size:13px;font-weight:700;display:block}.form-item input,.form-item textarea{background-color:var(--bg-alt);width:100%;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:8px;padding:10px 12px;transition:border-color .15s}.form-item textarea{resize:vertical;min-height:100px}.form-item input:focus,.form-item textarea:focus{border-color:var(--accent);outline:none}.form-submit{width:100%;margin-top:4px}.form-submit[disabled]{opacity:.6;cursor:default}.form-status{min-height:20px;margin-top:14px;font-size:14px;font-weight:600}.form-status.success{color:#16a34a}.form-status.error{color:#dc2626}@media (width<=640px){.nav-links{display:none}.hero{padding:80px 20px 70px}.hero-title{font-size:40px}.hero-lede{font-size:17px}.modal-panel{padding:32px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}