:root{--color-bg:#f7f9fb;--color-bg-alt:#fff;--color-text:#1a1a1a;--color-primary:#2563eb;--color-secondary:#64748b;--color-border:#e5e7eb;--color-card:#fff;--color-link:#2563eb;--color-link-hover:#1e40af;--shadow-card:0 2px 16px 0 #0000000f}[data-theme=dark]{--color-bg:#18181b;--color-bg-alt:#23272f;--color-text:#f3f4f6;--color-primary:#60a5fa;--color-secondary:#94a3b8;--color-border:#334155;--color-card:#23272f;--color-link:#60a5fa;--color-link-hover:#2563eb;--shadow-card:0 2px 16px 0 #00000040}html,body{background:var(--color-bg);color:var(--color-text);font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background .2s,color .2s}.landing h1,.landing h3,.landing p,.landing .resume-link,.landing .socials,.landing{font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--color-link);text-decoration:none;transition:color .2s}a:hover{color:var(--color-link-hover)}.landing{background:var(--color-bg-alt);max-width:1000px;height:80vh;box-shadow:var(--shadow-card);border-radius:2rem;flex-direction:column;justify-content:space-around;margin:2rem auto;padding:2.5rem;display:flex}.landing .grid{grid-template:auto auto/auto auto;align-items:center;gap:2.5rem;display:grid}@media (max-width:800px){.landing .grid{flex-direction:column;display:flex}}.landing .grid h1{font-size:xxx-large}.landing .grid img,.landing .grid picture{border-radius:50%;width:350px;height:350px}.landing .grid .resume-socials{background:var(--color-card);box-shadow:var(--shadow-card);border-radius:1.5rem;flex-direction:row;align-items:center;gap:2rem;padding:2rem 1.5rem;display:flex}.landing .grid .resume-socials .resume-link{color:var(--color-primary);background:var(--color-bg-alt);border:2px solid var(--color-primary);cursor:pointer;border-radius:999px;outline:none;align-items:center;gap:.5em;padding:.7em 1.6em;font-size:1.3rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border .2s;display:inline-flex;box-shadow:0 2px 12px #0000000f}.landing .grid .resume-socials .resume-link:hover,.landing .grid .resume-socials .resume-link:focus{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.landing .grid .resume-socials .socials{gap:1.5rem;display:flex}.landing .grid .resume-socials .socials a{color:var(--color-secondary);transition:color .2s}.landing .grid .resume-socials .socials a:hover{color:var(--color-primary)}.landing h1{margin-bottom:.5em;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:3rem;font-weight:800}.landing h3{color:var(--color-secondary);margin-bottom:1em;font-size:1.5rem}.landing p{margin-bottom:1.5em;font-size:1.1rem;line-height:1.7}.landing .main-photo{border:4px solid var(--color-border);object-fit:cover;background:var(--color-card);border-radius:50%;width:320px;height:320px;box-shadow:0 4px 24px #0000001a}@media (max-width:800px){.landing .main-photo{width:200px;height:200px}.landing{padding:1rem}.landing .grid{gap:1.2rem}}