diff --git a/.gitignore b/.gitignore
index a32da5e..eac1b4e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,6 +6,7 @@
 !src/app.html
 !src/**/*.ts
 !src/**/*.svelte
+!src/css/**/*.css
 !src/routes/favicon.ico
 !src/routes/.well-known
 !src/routes/.well-known/jwks.json
diff --git a/src/css/base/reset.css b/src/css/base/reset.css
new file mode 100644
index 0000000..333837b
--- /dev/null
+++ b/src/css/base/reset.css
@@ -0,0 +1,118 @@
+*,
+*::after,
+*::before {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+:where(html) {
+  hanging-punctuation: first allow-end last;
+  interpolate-size: allow-keywords;
+  scroll-behavior: smooth;
+  scrollbar-gutter: stable;
+  text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-font-smoothing: antialiased;
+}
+
+:where(html.translated-rtl) {
+  direction: rtl;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :where(html) {
+    scroll-behavior: auto;
+  }
+}
+
+:where(body) {
+  min-block-size: 100svb;
+  min-inline-size: 300px;
+}
+
+:where(canvas, img, picture, svg, video) {
+  block-size: auto;
+  border: none;
+  display: block;
+  max-inline-size: 100%;
+}
+
+:where(button, input, progress, select, textarea) {
+  appearance: none;
+  background: transparent;
+  border: none;
+  color: inherit;
+  font: inherit;
+  hanging-punctuation: none;
+  line-height: inherit;
+  text-align: start;
+  touch-action: manipulation;
+}
+
+:where(button) {
+  cursor: pointer;
+  user-select: none;
+}
+
+:where(textarea) {
+  resize: vertical;
+  scrollbar-gutter: stable;
+}
+
+:where(textarea:not([rows])) {
+  field-sizing: content;
+}
+
+:where(fieldset, iframe) {
+  border: none;
+}
+
+:where(p, li, h1, h2, h3, h4, h5, h6) {
+  overflow-wrap: break-word;
+  text-wrap: pretty;
+}
+
+:where(abbr[title]) {
+  border: none;
+  text-decoration: none;
+}
+
+:where(cite) {
+  font-style: inherit;
+}
+
+:where(small) {
+  font-size: inherit;
+}
+
+:where(li, ol, ul) {
+  list-style: none;
+}
+
+:where(dialog, [popover]) {
+  background: transparent;
+  border: none;
+  color: inherit;
+  margin: auto;
+  max-block-size: none;
+  max-inline-size: none;
+  position: fixed;
+}
+
+:where(dialog, dialog::backdrop) {
+  overscroll-behavior: contain;
+}
+
+:where([popover]) {
+  inset: auto;
+}
+
+:where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
+  display: none;
+}
+
+:where([hidden]:not([hidden="until-found"])) {
+  display: none !important;
+}
diff --git a/src/css/main.css b/src/css/main.css
new file mode 100644
index 0000000..61068f5
--- /dev/null
+++ b/src/css/main.css
@@ -0,0 +1,3 @@
+@layer base, components, utility;
+
+@import "base/reset.css" layer(base);
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2ccd9ab..0845b4a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+  import "$css/main.css";
+
   let { children } = $props();
 </script>
 
diff --git a/static/robots.txt b/static/robots.txt
deleted file mode 100644
index 1f53798..0000000
--- a/static/robots.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-User-agent: *
-Disallow: /
diff --git a/svelte.config.js b/svelte.config.js
index cec29f8..997bb37 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -6,6 +6,7 @@ const config = {
   kit: {
     adapter: adapter(),
     alias: {
+      $css: "src/css",
       $lexicons: "src/lexicons",
       $static: "static",
     },