*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--hue:250;--bg:hsl(var(--hue), 60%, 99%);--ink:hsl(var(--hue), 12%, 14%);--soft:hsl(var(--hue), 8%, 45%);--rule:hsl(var(--hue), 30%, 91%);--accent:hsl(var(--hue), 69%, 58%);--accent-alt:hsl(var(--hue), 69%, 50%);--accent-muted:hsl(var(--hue), 70%, 96%);--card:#fff;--grid-dot:hsl(var(--hue), 69%, 58%, .12)}:root[data-theme=dark]{--bg:hsl(var(--hue), 22%, 9%);--ink:hsl(var(--hue), 20%, 95%);--soft:hsl(var(--hue), 12%, 68%);--rule:hsl(var(--hue), 18%, 20%);--accent:hsl(var(--hue), 75%, 70%);--accent-alt:hsl(var(--hue), 75%, 78%);--accent-muted:hsl(var(--hue), 30%, 16%);--card:hsl(var(--hue), 20%, 12%);--grid-dot:hsl(var(--hue), 75%, 70%, .1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:hsl(var(--hue), 22%, 9%);--ink:hsl(var(--hue), 20%, 95%);--soft:hsl(var(--hue), 12%, 68%);--rule:hsl(var(--hue), 18%, 20%);--accent:hsl(var(--hue), 75%, 70%);--accent-alt:hsl(var(--hue), 75%, 78%);--accent-muted:hsl(var(--hue), 30%, 16%);--card:hsl(var(--hue), 20%, 12%);--grid-dot:hsl(var(--hue), 75%, 70%, .1)}}body{background-color:var(--bg);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px);color:var(--ink);background-size:26px 26px;font-family:Poppins,system-ui,sans-serif;transition:background-color .25s,color .25s}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.project-card{transition:transform .2s,box-shadow .2s,border-color .2s}.project-card:hover{box-shadow:0 12px 24px -8px hsl(var(--hue), 40%, 40%, .18);border-color:var(--accent);transform:translateY(-4px)}.avatar-tooltip .tooltip-text{opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;transform:translate(-50%,4px)}.avatar-tooltip:hover .tooltip-text{opacity:1;visibility:visible;transform:translate(-50%)}@media (width<=640px){.site-nav{width:100%;justify-content:center!important;gap:10px!important}.site-nav a,.site-nav button{font-size:.82rem!important}.hero-inner{text-align:center;flex-direction:column!important;padding-top:3rem!important;padding-bottom:4rem!important}.hero-inner .hero-text-side{order:2}.hero-inner .hero-graphic-side{order:1;justify-content:center!important}.hero-title{font-size:1.9rem!important}.hero-actions,.hero-socials,.hero-tech-stack{justify-content:center!important}}