section.svelte-1qdygc6{scroll-snap-align:start;background-color:var(--background-color-2);gap:var(--gap);padding:var(--padding-large);border-radius:var(--border-radius-large);margin-block:var(--margin-large);inline-size:100%;display:grid}section.svelte-1qdygc6>header:where(.svelte-1qdygc6){max-inline-size:var(--max-inline-size);margin-inline:auto}section.svelte-1qdygc6>header:where(.svelte-1qdygc6)>h2:where(.svelte-1qdygc6){font-size:var(--text-xlarge);margin-block:0 .125lh;font-weight:900}section.svelte-1qdygc6>header:where(.svelte-1qdygc6)>p:where(.svelte-1qdygc6)>span:where(.svelte-1qdygc6){color:var(--primary-color)}section.svelte-1qdygc6>div:where(.svelte-1qdygc6){margin-block:var(--margin-large);place-content:center;place-items:center;gap:var(--gap-large);grid-template-columns:1fr 1fr;display:grid}section.svelte-1qdygc6>div:where(.svelte-1qdygc6)>a:where(.svelte-1qdygc6){text-align:center;inline-size:100%;padding:var(--padding-large);font-size:var(--text-large);text-decoration:none;transition:background-color .3s ease-in-out,color .3s ease-in-out}section.svelte-1qdygc6>div:where(.svelte-1qdygc6)>a:where(.svelte-1qdygc6):after{display:none}section.svelte-1qdygc6>div:where(.svelte-1qdygc6)>a:where(.svelte-1qdygc6).sign-up{background-color:var(--primary-color);color:var(--background-color-2);border:2px solid var(--primary-color);box-shadow:0 0 1rem oklch(from var(--primary-color) l c h / .9), 0 0 1.5rem oklch(from var(--color) l c h / .3);position:relative}@media (prefers-reduced-motion:no-preference){section.svelte-1qdygc6>div:where(.svelte-1qdygc6)>a:where(.svelte-1qdygc6).sign-up{animation:2s ease-in-out infinite svelte-1qdygc6-wiggle}}section.svelte-1qdygc6>div:where(.svelte-1qdygc6)>a:where(.svelte-1qdygc6).sign-up:hover{background-color:var(--background-color-2);color:var(--primary-color);animation-play-state:paused}section.svelte-1qdygc6>div:where(.svelte-1qdygc6)>a:where(.svelte-1qdygc6).log-in{color:var(--color);background-color:var(--background-color-2);border:2px solid var(--color);transition:border-color .3s ease-in-out,color .3s ease-in-out}section.svelte-1qdygc6>div:where(.svelte-1qdygc6)>a:where(.svelte-1qdygc6).log-in:hover{color:var(--primary-color);border-color:var(--primary-color)}@keyframes svelte-1qdygc6-wiggle{0%{transform:rotate(0)}5%{transform:rotate(1deg)}10%{transform:rotate(-1deg)}15%{transform:rotate(1deg)}20%{transform:rotate(0)}to{transform:rotate(0)}}