:root{--color-primary: #2851E3;--color-secondary: #4ECCA3;--color-accent: #FF7A00;--color-neutral-light: #F5F7FA;--color-neutral-dark: #393E46;--font-heading: "Poppins", sans-serif;--font-body: "Open Sans", sans-serif;--font-code: "Roboto Mono", monospace;font-family:var(--font-body);line-height:1.6;font-weight:400;color-scheme:light;color:var(--color-neutral-dark);background-color:var(--color-neutral-light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-secondary)}body{margin:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-heading);color:var(--color-neutral-dark)}h1{font-size:2.5em;line-height:1.2;margin:0}h2{font-size:2em}h3{font-size:1.5em}#app{flex:1;display:flex;flex-direction:column;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:var(--font-heading);background-color:var(--color-primary);color:#fff;cursor:pointer;transition:all .25s ease}button:hover{background-color:var(--color-secondary);transform:translateY(-2px)}button:focus,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}code{font-family:var(--font-code);background-color:var(--color-neutral-light);padding:.2em .4em;border-radius:4px;font-size:.9em}header.svelte-tf54b8{background-color:#333;color:#fff;padding:1rem}nav.svelte-tf54b8{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}nav.svelte-tf54b8 ul:where(.svelte-tf54b8){display:flex;list-style:none;gap:2rem;margin:0;padding:0}nav.svelte-tf54b8 a:where(.svelte-tf54b8){color:#fff;text-decoration:none;position:relative;transition:all .3s ease}nav.svelte-tf54b8 a:where(.svelte-tf54b8):after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#fff;transition:width .3s ease}nav.svelte-tf54b8 a:where(.svelte-tf54b8):hover:after{width:100%}main.svelte-tf54b8{max-width:1200px;margin:0 auto;padding:2rem}.hero.svelte-tf54b8{text-align:center;padding:4rem 0}.content.svelte-tf54b8{margin-top:2rem}footer.svelte-tf54b8{background-color:#333;color:#fff;text-align:center;padding:1rem;position:fixed;bottom:0;width:100%}