diff --git a/src/App.tsx b/src/app/App.tsx
similarity index 68%
rename from src/App.tsx
rename to src/app/App.tsx
index 5140ddb..348e523 100644
--- a/src/App.tsx
+++ b/src/app/App.tsx
@@ -1,3 +1,5 @@
+import './styles/index.scss';
+
 const App = () => {
   return <div>Test</div>
 }
diff --git a/src/app/styles/fonts.scss b/src/app/styles/fonts.scss
new file mode 100644
index 0000000..a801e9d
--- /dev/null
+++ b/src/app/styles/fonts.scss
@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');
\ No newline at end of file
diff --git a/src/app/styles/index.scss b/src/app/styles/index.scss
new file mode 100644
index 0000000..823280c
--- /dev/null
+++ b/src/app/styles/index.scss
@@ -0,0 +1,3 @@
+@import './fonts.scss';
+@import './variables.scss';
+@import './reset.scss';
\ No newline at end of file
diff --git a/src/app/styles/reset.scss b/src/app/styles/reset.scss
new file mode 100644
index 0000000..93618ac
--- /dev/null
+++ b/src/app/styles/reset.scss
@@ -0,0 +1,30 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: var(--font-family-main);
+    color: var(--color-text);
+    background-color: var(--color-bg);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+button {
+    border: none;
+    background: none;
+    font-family: inherit;
+    cursor: pointer;
+}
+
+a {
+    text-decoration: none;
+    color: inherit;
+}
+
+ul,
+ol {
+    list-style: none;
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.scss b/src/app/styles/variables.scss
new file mode 100644
index 0000000..4c1c30a
--- /dev/null
+++ b/src/app/styles/variables.scss
@@ -0,0 +1,24 @@
+:root {
+    // Цвета
+    --color-primary: #42567A;
+    --color-accent: #EF5DA8;
+    --color-text: #42567A;
+    --color-bg: #F4F5F9;
+    --color-border: rgba(66, 86, 122, 0.1);
+    --color-blue: #3877EE;
+
+    // Градиенты
+    --gradient-primary: linear-gradient(to right, #3877EE, #EF5DA8);
+
+    // Типографика
+    --font-family-main: 'PT Sans', sans-serif;
+
+    --font-size-h1: 56px;
+    --font-size-h2: 32px;
+    --font-size-h3: 20px;
+    --font-size-body: 16px;
+    --font-size-small: 14px;
+
+    --line-height-h1: 120%;
+    --line-height-body: 150%;
+}
\ No newline at end of file
diff --git a/src/app/types/declarations.d.ts b/src/app/types/declarations.d.ts
new file mode 100644
index 0000000..144c247
--- /dev/null
+++ b/src/app/types/declarations.d.ts
@@ -0,0 +1,14 @@
+declare module '*.module.scss' {
+  const classes: { [key: string]: string }
+  export default classes
+}
+
+declare module '*.scss' {
+  const classes: { [key: string]: string }
+  export default classes
+}
+
+declare module '*.png'
+declare module '*.jpg'
+declare module '*.jpeg'
+declare module '*.svg'