diff --git a/spa/app/assets/bage_logo.png b/spa/app/assets/bage_logo.png
new file mode 100644
index 0000000..6f9bba8
Binary files /dev/null and b/spa/app/assets/bage_logo.png differ
diff --git a/spa/app/index.html b/spa/app/index.html
index 7298b9d..23bbb34 100644
--- a/spa/app/index.html
+++ b/spa/app/index.html
@@ -4,61 +4,8 @@
ЯлАрба - Туристический агрегатор
-
+
+
diff --git a/spa/app/styles/mainStyle.css b/spa/app/styles/mainStyle.css
new file mode 100644
index 0000000..d00e760
--- /dev/null
+++ b/spa/app/styles/mainStyle.css
@@ -0,0 +1,53 @@
+body {
+ font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+ line-height: 1.6;
+ color: #333;
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 20px;
+ background-color: #f5f7fa;
+}
+header {
+ background-color: #1e88e5;
+ color: white;
+ padding: 20px;
+ border-radius: 8px;
+ margin-bottom: 30px;
+ text-align: center;
+}
+h1 {
+ margin: 0;
+ font-size: 2.2em;
+}
+h2 {
+ color: #1e88e5;
+ border-bottom: 2px solid #1e88e5;
+ padding-bottom: 5px;
+ margin-top: 30px;
+}
+.developer {
+ background-color: #e3f2fd;
+ padding: 15px;
+ border-radius: 8px;
+ margin: 20px 0;
+}
+.roadmap {
+ background-color: white;
+ padding: 20px;
+ border-radius: 8px;
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+.phase {
+ margin-bottom: 20px;
+ padding-bottom: 20px;
+ border-bottom: 1px dashed #ccc;
+}
+.phase:last-child {
+ border-bottom: none;
+}
+footer {
+ text-align: center;
+ margin-top: 40px;
+ color: #666;
+ font-size: 0.9em;
+}