diff --git a/db/config.php b/db/config.php
index 8d4c329..cf25b2c 100644
--- a/db/config.php
+++ b/db/config.php
@@ -1,9 +1,9 @@
 <?php
 // Generated by setup_mariadb_project.sh — edit as needed.
 define('DB_HOST', '127.0.0.1');
-define('DB_NAME', 'app_30784');
-define('DB_USER', 'app_30784');
-define('DB_PASS', '27b1eb7a-393d-4755-8339-b3bdf4f21d66');
+define('DB_NAME', 'app_33879');
+define('DB_USER', 'app_33879');
+define('DB_PASS', 'e76bb6be-95fd-46c2-9627-39422e65e133');
 
 function db() {
   static $pdo;
diff --git a/index.php b/index.php
index f7ae6b8..234e6d5 100644
--- a/index.php
+++ b/index.php
@@ -2,102 +2,163 @@
 declare(strict_types=1);
 @ini_set('display_errors', '1');
 @error_reporting(E_ALL);
-@date_default_timezone_set('UTC');
-
-$phpVersion = PHP_VERSION;
 $now = date('Y-m-d H:i:s');
 ?>
 <!doctype html>
-<html lang="en">
+<html lang="ru">
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>New Style</title>
+  <title>Янина — QA-инженер из Сакартвело</title>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
   <style>
     :root {
-      --bg-color-start: #6a11cb;
-      --bg-color-end: #2575fc;
-      --text-color: #ffffff;
-      --card-bg-color: rgba(255, 255, 255, 0.01);
+      --bg-color: #1a1a1a;
+      --primary-color: #ff4b4b;
+      --text-color: #f0f0f0;
+      --card-bg-color: rgba(40, 40, 40, 0.8);
       --card-border-color: rgba(255, 255, 255, 0.1);
     }
     body {
       margin: 0;
-      font-family: 'Inter', sans-serif;
-      background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
+      font-family: 'Montserrat', sans-serif;
+      background-color: var(--bg-color);
       color: var(--text-color);
       display: flex;
       justify-content: center;
       align-items: center;
       min-height: 100vh;
       text-align: center;
-      overflow: hidden;
-      position: relative;
-    }
-    body::before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M-10 10L110 10M10 -10L10 110" stroke-width="1" stroke="rgba(255,255,255,0.05)"/></svg>');
-      animation: bg-pan 20s linear infinite;
-      z-index: -1;
-    }
-    @keyframes bg-pan {
-      0% { background-position: 0% 0%; }
-      100% { background-position: 100% 100%; }
+      padding: 2rem;
+      box-sizing: border-box;
     }
     main {
-      padding: 2rem;
+      max-width: 800px;
+      width: 100%;
     }
     .card {
       background: var(--card-bg-color);
       border: 1px solid var(--card-border-color);
-      border-radius: 16px;
-      padding: 2rem;
-      backdrop-filter: blur(20px);
-      -webkit-backdrop-filter: blur(20px);
-      box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
+      border-radius: 24px;
+      padding: 2rem 3rem;
+      backdrop-filter: blur(10px);
+      -webkit-backdrop-filter: blur(10px);
+      box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
+      text-align: left;
+    }
+    .header {
+      display: flex;
+      align-items: center;
+      gap: 1.5rem;
+      margin-bottom: 2rem;
+    }
+    .khinkali-icon {
+      font-size: 4rem;
+      animation: spin 8s linear infinite;
+    }
+    @keyframes spin {
+      100% { transform: rotate(360deg); }
     }
     h1 {
-      font-size: 3rem;
+      font-size: 2.5rem;
       font-weight: 700;
-      margin: 0 0 1rem;
-      letter-spacing: -1px;
+      margin: 0;
+      color: var(--primary-color);
     }
-    p {
-      margin: 0.5rem 0;
+    h1 span {
+      font-size: 1.5rem;
+      color: var(--text-color);
+      display: block;
+      font-weight: 400;
+    }
+    h2 {
+      font-size: 1.5rem;
+      color: var(--primary-color);
+      margin-top: 2rem;
+      margin-bottom: 1rem;
+      border-bottom: 2px solid var(--card-border-color);
+      padding-bottom: 0.5rem;
+    }
+    p, ul {
+      line-height: 1.8;
       font-size: 1.1rem;
     }
-    code {
+    ul {
+      list-style: none;
+      padding: 0;
+    }
+    ul li {
       background: rgba(0,0,0,0.2);
-      padding: 2px 6px;
-      border-radius: 4px;
-      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+      padding: 10px 15px;
+      border-radius: 8px;
+      margin-bottom: 8px;
+    }
+    .skills-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+        gap: 10px;
+    }
+    .contact-links a {
+      color: var(--primary-color);
+      text-decoration: none;
+      font-weight: bold;
+      margin: 0 10px;
+      font-size: 1.2rem;
+    }
+    .contact-links a:hover {
+      text-decoration: underline;
     }
     footer {
-      position: absolute;
-      bottom: 1rem;
-      font-size: 0.8rem;
-      opacity: 0.7;
+      margin-top: 2rem;
+      font-size: 0.9rem;
+      opacity: 0.6;
+      text-align: center;
     }
   </style>
 </head>
 <body>
   <main>
     <div class="card">
-      <h1>Welcome!</h1>
-      <p>Your project is ready to conquer the peaks.</p>
-      <p>PHP version: <code><?= htmlspecialchars($phpVersion) ?></code></p>
+      <div class="header">
+        <div class="khinkali-icon">🥟</div>
+        <h1>
+          Янина
+          <span>QA-инженер из солнечного Сакартвело</span>
+        </h1>
+      </div>
+
+      <h2>Обо мне</h2>
+      <p>
+        Привет! Я Янина, и я нахожу баги быстрее, чем вы успеваете сказать "Гамарджоба". Живу в Грузии, вдохновляюсь горами, вином и идеально работающим софтом. Моя цель — делать цифровые продукты безупречными.
+      </p>
+
+      <h2>Ключевые навыки</h2>
+      <div class="skills-grid">
+          <ul>
+            <li>API (Postman, Swagger)</li>
+            <li>SQL (MySQL, PostgreSQL)</li>
+            <li>Jira & Confluence</li>
+          </ul>
+          <ul>
+            <li>Mobile Testing (iOS, Android)</li>
+            <li>Test Design & Strategy</li>
+            <li>Agile & Scrum</li>
+          </ul>
+      </div>
+
+
+      <h2>Связаться со мной</h2>
+      <p class="contact-links">
+        <a href="#">LinkedIn</a>
+        <a href="#">Telegram</a>
+        <a href="#">GitHub</a>
+      </p>
     </div>
+    <footer>
+      Сделано с любовью и хинкали. <?= htmlspecialchars($now) ?> (UTC)
+    </footer>
   </main>
-  <footer>
-    Page updated: <?= htmlspecialchars($now) ?> (UTC)
-  </footer>
 </body>
 </html>
\ No newline at end of file
