*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#172033;-webkit-font-smoothing:antialiased;background:#f8fafc;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:#1e1b4b;background:#ddd6fe}:focus-visible{outline-offset:3px;outline:3px solid #818cf8}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--accent:#4338ca;--accent-hover:#3730a3;--accent-soft:#eef2ff;--text:#172033;--text-muted:#5b6475;--heading:#111827;--background:#f8fafc;--surface:#fff;--surface-subtle:#f1f5f9;--border:#dce2ea;--border-strong:#cbd5e1;--content-width:1180px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 12px 30px #0f172a12;--radius-sm:8px;--radius-md:12px}.site-header{border-bottom:1px solid var(--border);background:#fffffff5;width:100%}.navbar{max-width:var(--content-width);justify-content:space-between;align-items:center;gap:2rem;min-height:76px;margin:0 auto;padding:0 2rem;display:flex}.brand{color:var(--accent);letter-spacing:-.025em;font-size:1.35rem;font-weight:800}.nav-links{align-items:center;gap:.35rem;display:flex}.nav-links a{border-radius:var(--radius-sm);color:#374151;padding:.55rem .8rem;font-size:.95rem;font-weight:600;transition:color .16s,background-color .16s}.nav-links a:hover,.nav-links a.active{color:var(--accent);background:var(--accent-soft)}.section-content{max-width:var(--content-width);margin:0 auto;padding:4.5rem 2rem}.section-label,.hero-label{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .75rem;font-size:.9rem;font-weight:800}.section-content h2{max-width:760px;color:var(--heading);letter-spacing:-.025em;margin:0 0 1.5rem;font-size:clamp(1.8rem,3vw,2.35rem);line-height:1.2}.section-content>p:not(.section-label){max-width:780px;color:var(--text-muted);margin-top:0;font-size:1.05rem;line-height:1.75}.section-heading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.section-heading h2{margin-bottom:0}.section-heading a,.project-detail a,.contact-detail a{color:var(--accent);font-weight:700}.section-heading a:hover,.project-detail a:hover,.contact-detail a:hover{color:var(--accent-hover)}.hero-section{max-width:var(--content-width);margin:0 auto;padding:7rem 2rem 6rem}.hero-content{max-width:820px}.hero-content h1{color:var(--heading);letter-spacing:-.04em;margin:0 0 1.5rem;font-size:clamp(2.5rem,5vw,3.75rem);line-height:1.08}.hero-description{max-width:720px;color:var(--text-muted);margin:0 0 2.25rem;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.7}.hero-actions,.resume-actions{flex-wrap:wrap;gap:.85rem;display:flex}.hero-actions a,.resume-actions a,.contact-cta a,.contact-form button{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;min-height:46px;padding:.7rem 1.2rem;font-weight:700;transition:transform .16s,background-color .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.hero-actions a:first-child,.resume-actions a:first-child,.contact-form button{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.hero-actions a:first-child:hover,.resume-actions a:first-child:hover,.contact-form button:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.hero-actions a:last-child,.resume-actions a:last-child,.contact-cta a{background:var(--surface);border-color:var(--border-strong);color:var(--heading)}.hero-actions a:last-child:hover,.resume-actions a:last-child:hover,.contact-cta a:hover{background:var(--surface-subtle);border-color:#94a3b8}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:2rem 0 0;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:2rem;transition:transform .18s,border-color .18s,box-shadow .18s}.project-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.project-card h3{color:var(--heading);letter-spacing:-.015em;margin:0 0 .75rem;font-size:1.35rem}.project-card p{color:var(--text-muted);line-height:1.7}.skills-grid{max-width:var(--content-width);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:0 auto;padding:0 2rem 3rem;display:grid}.skill-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:2rem}.skill-group h2{color:var(--heading);margin:0 0 1rem;font-size:1.3rem}.skill-group h3{color:var(--heading);margin:0 0 .5rem;font-size:1.1rem}.skill-group p{color:var(--text-muted);margin:0;line-height:1.75}.currently-developing{max-width:var(--content-width);margin:0 auto;padding:1rem 2rem 6rem}.currently-developing .section-content{background:var(--accent-soft);border-radius:var(--radius-md);border:1px solid #c7d2fe;max-width:none;padding:2.5rem}.contact-cta{background:var(--surface-subtle);border-top:1px solid var(--border)}.contact-cta .section-content{padding-top:4.5rem;padding-bottom:4.5rem}.contact-cta a{margin-top:.75rem}.projects-grid{max-width:var(--content-width);grid-template-columns:1fr;gap:1.5rem;margin:0 auto;padding:0 2rem 6rem;display:grid}.project-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:2.25rem}.project-detail .section-content{max-width:none;padding:0}.project-detail h2{margin-top:.5rem}.project-detail h3{color:var(--heading);margin:2rem 0 .5rem;font-size:1.05rem}.project-detail p{color:var(--text-muted);line-height:1.75}.project-detail a{margin-top:1.5rem;display:inline-block}.resume-page .section-content{padding-top:5.5rem;padding-bottom:3.5rem}.resume-experience,.resume-education{background:var(--surface)}.resume-background{background:var(--surface-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.resume-experience .section-content,.resume-background .section-content,.resume-education .section-content{padding-top:3.5rem;padding-bottom:3.5rem}.resume-entry{border-left:3px solid #c7d2fe;max-width:850px;margin-bottom:2.25rem;padding-left:1.25rem}.resume-entry:last-child{margin-bottom:0}.resume-entry h2{color:var(--heading);margin:0 0 .35rem;font-size:1.35rem;line-height:1.3}.resume-entry h3{color:#374151;margin:0 0 .5rem;font-size:1.05rem;line-height:1.4}.resume-entry p{color:var(--text-muted);margin:.35rem 0;line-height:1.7}.resume-actions{margin-top:1.75rem}.contact-content{max-width:var(--content-width);margin:0 auto;padding:0 2rem 6rem}.contact-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:5rem;display:grid}.contact-info h2{color:var(--heading);margin:0 0 1.5rem;font-size:2rem;line-height:1.25}.contact-info>p:not(.section-label){max-width:500px;color:var(--text-muted);line-height:1.7}.contact-details{margin-top:2.25rem}.contact-detail{margin-bottom:1.5rem}.contact-detail h3{color:var(--heading);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .25rem;font-size:.9rem}.contact-detail p{margin:0}.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.15rem;padding:2rem;display:flex}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-group label{color:var(--heading);font-size:.95rem;font-weight:700}.form-group input,.form-group textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fff;padding:.8rem .9rem}.form-group input:hover,.form-group textarea:hover{border-color:#94a3b8}.form-group input:focus,.form-group textarea:focus{outline-offset:1px;border-color:var(--accent);outline:3px solid #c7d2fe}.form-group textarea{resize:vertical}.contact-form button{cursor:pointer;align-self:flex-start}.contact-form button:disabled{cursor:not-allowed;opacity:.7;transform:none}.contact-honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form-status{margin:0;font-weight:700;line-height:1.5}.form-status-success{color:#166534}.form-status-error{color:#b91c1c}.site-footer{color:#cbd5e1;background:#111827;border-top:1px solid #1f2937;width:100%}.footer-content{max-width:var(--content-width);text-align:center;margin:0 auto;padding:2rem}.footer-content p{margin:0;font-size:.9rem}@media (width<=900px){.navbar{flex-direction:column;align-items:flex-start;gap:.75rem;padding-top:1rem;padding-bottom:1rem}.nav-links{width:100%;padding-bottom:.25rem;overflow-x:auto}.project-grid,.skills-grid,.contact-layout{grid-template-columns:1fr}.contact-layout{gap:3rem}}@media (width<=640px){.navbar,.hero-section,.section-content,.skills-grid,.currently-developing,.projects-grid,.contact-content{padding-left:1.25rem;padding-right:1.25rem}.hero-section{padding-top:5.5rem;padding-bottom:5rem}.section-content{padding-top:4rem;padding-bottom:4rem}.section-heading{flex-direction:column;align-items:flex-start;gap:.75rem}.project-card,.project-detail,.skill-group,.contact-form{padding:1.5rem}.hero-actions a,.resume-actions a{width:100%}.resume-entry{padding-left:1rem}}