:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--primary: #2f55d4;--primary-20: color-mix(in oklab, var(--primary) 20%, transparent);--primary-10: color-mix(in oklab, var(--primary) 10%, transparent);--text: #0f172a;--muted: #64748b;--bg: #ffffff;--card-bg: #ffffff;--border: #e2e8f0;--radius-xl: 1rem;--shadow: 0 10px 20px rgba(2, 6, 23, .06);--container: 72rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-16: 4rem;--space-20: 5rem;--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.5rem;--fs-6xl: 3.5rem;--duration: .3s}@media (prefers-color-scheme: dark){:root{--text: #e5e7eb;--muted: #94a3b8;--bg: #0b1220;--card-bg: #0f172a;--border: #1f2937;--shadow: 0 10px 24px rgba(0,0,0,.35)}}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.about{min-height:100vh;padding:var(--space-20) var(--space-6)}.container{max-width:var(--container);margin-inline:auto}.about__header{text-align:center;margin-bottom:var(--space-16)}.about__title{font-size:clamp(var(--fs-4xl),4vw + 1rem,var(--fs-6xl));font-weight:800;margin:0 0 var(--space-6)}.about__lead{font-size:var(--fs-xl);line-height:1.75;max-width:48rem;margin:0 auto}.muted-sm{color:var(--muted);font-size:var(--fs-sm)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);transition:transform var(--duration) ease,box-shadow var(--duration) ease,border-color var(--duration) ease}.card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0206171f;border-color:color-mix(in oklab,var(--border) 50%,var(--primary) 50%)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin-bottom:var(--space-20)}@media (min-width: 768px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat{text-align:center;padding:var(--space-8)}.icon-circle{width:4rem;height:4rem;margin:0 auto var(--space-4);border-radius:999px;background:var(--primary-10);display:flex;align-items:center;justify-content:center;transition:background var(--duration) ease,transform var(--duration) ease}.card:hover .icon-circle{background:var(--primary-20);transform:scale(1.05)}.icon{width:2rem;height:2rem;color:var(--primary)}.stat__number{font-size:var(--fs-3xl);font-weight:800;margin-bottom:var(--space-2)}.stat__label{letter-spacing:.2px}.features{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-16)}@media (min-width: 768px){.features{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features{grid-template-columns:repeat(4,1fr)}}.feature{text-align:center;padding:var(--space-6)}.feature__icon{margin-bottom:var(--space-4)}.feature__title{font-size:var(--fs-lg);font-weight:700;margin:0 0 var(--space-2);transition:color var(--duration) ease}.feature:hover .feature__title{color:var(--primary)}.feature__desc{line-height:1.6}.skills{text-align:center}.section-title{font-size:var(--fs-3xl);font-weight:800;margin:0 0 var(--space-8)}.skills__wrap{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.skill-badge{display:inline-block;padding:.5rem .75rem;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffffe6,#ffffffb3);box-shadow:var(--shadow);font-size:var(--fs-sm);transition:transform var(--duration) ease,box-shadow var(--duration) ease,border-color var(--duration) ease;will-change:transform}.skill-badge:hover{transform:translateY(-2px);box-shadow:0 12px 22px #0206171f;border-color:color-mix(in oklab,var(--border) 40%,var(--primary) 60%)}.personal{margin-top:var(--space-20);text-align:center}.personal__card{padding:var(--space-8);max-width:48rem;margin:0 auto}.personal__title{font-size:var(--fs-2xl);font-weight:800;margin:0 0 var(--space-4)}.personal__text{line-height:1.8}@media (prefers-reduced-motion: no-preference){.fade-in{animation:fade-in .6s ease both}.slide-up{animation:slide-up .6s ease both}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}:root{--primary: #636d8b;--primary-rgb: 47, 85, 212;--accent: #0ea5e9;--accent-rgb: 14, 165, 233;--text: #0f172a;--muted: #64748b;--bg: #ffffff;--card: #ffffff;--border: #e2e8f0;--shadow: 0 10px 20px rgba(2, 6, 23, .06);--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--fs-sm: .9375rem;--fs-base: 1rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-5xl: 3rem;--fs-7xl: clamp(2.75rem, 6vw + .5rem, 4.5rem);--radius-full: 999px;--radius-lg: .75rem;--duration: .3s}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;color:var(--text);background:var(--bg)}.muted{color:var(--muted)}.text-gradient{background:linear-gradient(90deg,var(--primary),#6d28d9);-webkit-background-clip:text;background-clip:text;color:transparent}.home{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.home__bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.home__overlay{position:absolute;inset:0;background:linear-gradient(135deg,#09090be6,#09090bb3,#09090be6)}.home__shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none}.shape{position:absolute;will-change:transform}.shape--1{top:5rem;left:2.5rem;width:5rem;height:5rem;border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--radius-full)}.shape--2{bottom:8rem;right:4rem;width:4rem;height:4rem;background:rgba(var(--accent-rgb),.2);border-radius:var(--radius-lg)}.shape--3{top:50%;right:2.5rem;width:3rem;height:3rem;border:1px solid rgba(var(--accent-rgb),.3);border-radius:var(--radius-full)}.shape--4{top:8rem;right:25%;width:2rem;height:2rem;background:rgba(var(--primary-rgb),.2);border-radius:var(--radius-full)}.shape--5{bottom:5rem;left:25%;width:3.5rem;height:3.5rem;border:1px solid rgba(var(--accent-rgb),.2);transform:rotate(45deg)}.home__content{position:relative;z-index:1;text-align:center;max-width:56rem;margin:0 auto;padding-inline:var(--space-6)}.pretitle{margin-bottom:var(--space-6)}.badge{display:inline-block;padding:.5rem 1rem;border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-full);background:rgba(var(--primary-rgb),.1);color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm)}.hero__title{font-size:var(--fs-7xl);font-weight:800;margin:0 0 var(--space-6)}.hero__subtitle{font-size:var(--fs-xl);line-height:1.7;max-width:42rem;margin:0 auto var(--space-8)}.cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-12)}@media (min-width: 640px){.cta{flex-direction:row}}.btn-hero{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;border:1px solid transparent;border-radius:.75rem;background:var(--primary);color:#fff;box-shadow:var(--shadow);transition:transform var(--duration) ease,box-shadow var(--duration) ease,background var(--duration) ease}.btn-hero:hover{transform:translateY(-1px);box-shadow:0 16px 32px #02061724;background:color-mix(in oklab,var(--primary) 88%,#ffffff)}.icon-arrow{width:1rem;height:1rem;transition:transform .2s ease}.btn-hero:hover .icon-arrow{transform:translate(4px)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.25rem;border-radius:.75rem;border:1px solid var(--border);background:transparent;color:var(--text);transition:border-color var(--duration) ease,background var(--duration) ease,transform var(--duration) ease}.btn-outline:hover{border-color:var(--primary);background:rgba(var(--primary-rgb),.06);transform:translateY(-1px)}.social{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-16)}.social-link{width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);transition:transform var(--duration) ease,border-color var(--duration) ease}.social-link:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--border) 40%,var(--primary) 60%)}.icon-social{width:1.25rem;height:1.25rem;transition:transform .2s ease;color:var(--text)}.social-link:hover .icon-social{transform:scale(1.1)}.scroll__link{display:inline-block}.scroll__icon{width:1.5rem;height:1.5rem;color:var(--muted);transition:color var(--duration) ease;cursor:pointer}.scroll__link:hover .scroll__icon{color:var(--primary)}.particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:rgba(var(--primary-rgb),.3);border-radius:var(--radius-full)}@media (prefers-reduced-motion: no-preference){.fade-in{animation:fade-in .6s ease both}.slide-up{animation:slide-up .6s ease both}.bounce{animation:bounce 1.2s ease-in-out infinite}.float{animation:float 4s ease-in-out infinite}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float{0%{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-10px) translate(4px) rotate(2deg)}to{transform:translateY(0) translate(0) rotate(0)}}