.footer{display:flex;align-items:center;justify-content:center;padding:var(--space-6);border-top:1px solid var(--clr-border);color:var(--clr-text-muted);font-size:var(--text-sm)}@media screen and (max-width: 600px){.footer{padding:var(--space-4);text-align:center}}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--clr-border);background-color:color-mix(in srgb,var(--clr-bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.logo{font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em;color:var(--clr-text);text-decoration:none;padding:var(--space-1) 0;transition:color var(--transition-fast)}.logo:hover{color:var(--clr-accent)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.header nav ul{list-style:none;display:flex;align-items:center;gap:var(--space-1);margin:0;padding:var(--space-1);border-radius:var(--radius-pill);background-color:var(--clr-surface-muted)}.nav-link{display:block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;color:var(--clr-text-muted);text-decoration:none;white-space:nowrap;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link:hover{color:var(--clr-text);background-color:color-mix(in srgb,var(--clr-text) 8%,transparent)}.nav-link.active{color:var(--clr-on-accent);background-color:var(--clr-accent);box-shadow:var(--shadow-sm)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--clr-border);border-radius:var(--radius-pill);background-color:var(--clr-surface);color:var(--clr-text-muted);font-size:1.05rem;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle:hover{color:var(--clr-accent);border-color:var(--clr-accent);background-color:var(--clr-accent-soft)}@media screen and (max-width: 600px){.header{flex-wrap:wrap;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.logo{font-size:var(--text-base)}.header-actions{gap:var(--space-2)}}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12)}.about-me{display:flex;align-items:center;justify-content:center;gap:var(--space-12);animation:rise .6s var(--transition-base) both}.profile-picture{position:relative;flex-shrink:0;display:flex;align-items:center}.profile-picture:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:linear-gradient(140deg,var(--clr-accent),var(--clr-accent-2));opacity:.25;filter:blur(14px)}.avatar{position:relative;width:220px;height:220px;border-radius:50%;object-fit:cover;border:3px solid var(--clr-surface);box-shadow:var(--shadow-lg);transition:transform var(--transition-base)}.avatar:hover{transform:translateY(-4px) scale(1.02)}.intro-text{display:flex;flex-direction:column;gap:var(--space-4);max-width:34rem}.eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background-color:var(--clr-accent-soft);color:var(--clr-accent);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em}.eyebrow:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background-color:currentColor}.intro-text h1{font-size:var(--text-2xl);font-weight:800}.intro-text .name{background:linear-gradient(100deg,var(--clr-accent),var(--clr-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.intro-text p{font-size:var(--text-lg);color:var(--clr-text-muted)}.social-icons{display:flex;justify-content:center;gap:var(--space-4);animation:rise .6s var(--transition-base) .12s both}.social-link{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:1px solid var(--clr-border);border-radius:var(--radius-pill);background-color:var(--clr-surface);color:var(--clr-text-muted);box-shadow:var(--shadow-sm);transition:color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-base),box-shadow var(--transition-base)}.social-link:hover{color:var(--clr-accent);border-color:var(--clr-accent);transform:translateY(-3px);box-shadow:var(--shadow-md)}.icon{width:1.35rem;height:1.35rem}@media screen and (max-width: 820px){.about-me{flex-direction:column;text-align:center;gap:var(--space-8)}.intro-text{align-items:center}.eyebrow{align-self:center}}@media screen and (max-width: 600px){.home{gap:var(--space-8)}.avatar{width:140px;height:140px}.intro-text p{font-size:var(--text-base)}.social-icons{gap:var(--space-3)}}.page-header{display:flex;flex-direction:column;gap:var(--space-3);max-width:40rem;margin:0 auto var(--space-12);text-align:center;animation:rise .6s var(--transition-base) both}.page-header h1{font-size:var(--text-2xl);font-weight:800}.page-header p{font-size:var(--text-lg);color:var(--clr-text-muted)}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:var(--space-6);align-items:start}.project-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border:1px solid var(--clr-border);border-radius:var(--radius-lg);background-color:var(--clr-surface);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);animation:rise .6s var(--transition-base) both}.project-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--clr-accent) 40%,transparent);box-shadow:var(--shadow-lg)}.project-title{font-size:var(--text-xl);font-weight:700}.project-description{flex:1;color:var(--clr-text-muted)}.project-button{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-pill);background-color:var(--clr-accent);color:var(--clr-on-accent);font-size:var(--text-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.project-button:hover{background-color:var(--clr-accent-hover)}.project-button:active{transform:translateY(1px)}.project-button svg{transition:transform var(--transition-fast)}.project-button:hover svg{transform:translate(2px,-2px)}@media screen and (max-width: 600px){.page-header{margin-bottom:var(--space-8)}.project-card{padding:var(--space-4)}}:root{--clr-accent: #3d63dd;--clr-accent-hover: #3053c5;--clr-accent-soft: rgba(61, 99, 221, .1);--clr-accent-2: #7c5cd6;--clr-on-accent: #ffffff;--clr-bg: #fbfbfd;--clr-bg-glow: rgba(61, 99, 221, .08);--clr-surface: #ffffff;--clr-surface-muted: #f4f5f8;--clr-text: #14161a;--clr-text-muted: #5b6472;--clr-border: rgba(15, 23, 42, .1);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: clamp(1.25rem, .9rem + 1.2vw, 1.6rem);--text-2xl: clamp(1.75rem, 1.1rem + 2.6vw, 2.75rem);--transition-fast: .18s ease;--transition-base: .28s cubic-bezier(.32, .72, 0, 1);--page-max: 68rem;color-scheme:light}@media (prefers-color-scheme: dark){:root{--clr-accent: #8fadff;--clr-accent-hover: #a9c1ff;--clr-accent-soft: rgba(143, 173, 255, .14);--clr-accent-2: #c4a8ff;--clr-on-accent: #0d1017;--clr-bg: #0d1017;--clr-bg-glow: rgba(143, 173, 255, .1);--clr-surface: #151a23;--clr-surface-muted: #1c222d;--clr-text: #e8ecf3;--clr-text-muted: #98a3b5;--clr-border: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);color-scheme:dark}}:root[data-theme=light]{--clr-accent: #3d63dd;--clr-accent-hover: #3053c5;--clr-accent-soft: rgba(61, 99, 221, .1);--clr-accent-2: #7c5cd6;--clr-on-accent: #ffffff;--clr-bg: #fbfbfd;--clr-bg-glow: rgba(61, 99, 221, .08);--clr-surface: #ffffff;--clr-surface-muted: #f4f5f8;--clr-text: #14161a;--clr-text-muted: #5b6472;--clr-border: rgba(15, 23, 42, .1);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);color-scheme:light}:root[data-theme=dark]{--clr-accent: #8fadff;--clr-accent-hover: #a9c1ff;--clr-accent-soft: rgba(143, 173, 255, .14);--clr-accent-2: #c4a8ff;--clr-on-accent: #0d1017;--clr-bg: #0d1017;--clr-bg-glow: rgba(143, 173, 255, .1);--clr-surface: #151a23;--clr-surface-muted: #1c222d;--clr-text: #e8ecf3;--clr-text-muted: #98a3b5;--clr-border: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.65;color:var(--clr-text);background-color:var(--clr-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--transition-base),color var(--transition-base)}body:before{content:"";position:fixed;inset:0 0 auto 0;height:60vh;pointer-events:none;z-index:-1;background:radial-gradient(60% 100% at 50% 0%,var(--clr-bg-glow),transparent 70%)}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.site-main{display:flex;flex-direction:column;flex:1;width:100%}.page{flex:1;width:100%;max-width:var(--page-max);margin-inline:auto;padding:var(--space-12) var(--space-6) var(--space-16)}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}p{margin:0;text-wrap:pretty}img{max-width:100%;display:block}a{color:var(--clr-accent)}:focus-visible{outline:2px solid var(--clr-accent);outline-offset:3px;border-radius:var(--radius-sm)}.skip-link{position:absolute;left:var(--space-4);top:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background-color:var(--clr-accent);color:var(--clr-on-accent);font-weight:600;text-decoration:none;transform:translateY(-250%);transition:transform var(--transition-fast)}.skip-link:focus-visible{transform:translateY(0)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media screen and (max-width: 600px){.page{padding:var(--space-8) var(--space-4) var(--space-12)}}