feat: added new pages to landing

assets/scss/_base.scss

@@ -1435,6 +1435,156 @@ img {
     }
 }
 
+.legal-page-body {
+    background: $color-bg;
+}
+
+.legal-site {
+    min-height: 100vh;
+}
+
+.legal-page {
+    position: relative;
+    min-height: 100vh;
+    padding: 136px 0 88px;
+    overflow: hidden;
+    background:
+        linear-gradient(180deg, rgba(18, 18, 18, 0.2), rgba(18, 18, 18, 0.92) 42%, rgba(18, 18, 18, 1)),
+        $color-bg;
+
+    &__bg {
+        position: absolute;
+        inset: 0;
+        background:
+            linear-gradient(90deg, rgba(18, 18, 18, 0.92), rgba(18, 18, 18, 0.72)),
+            url("../images/renders/led.jpg") center / cover no-repeat;
+        filter: blur(1px);
+        transform: scale(1.01);
+        opacity: 0.42;
+
+        &::after {
+            content: "";
+            position: absolute;
+            inset: 0;
+            background-image:
+                repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 8px),
+                repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 8px);
+            mix-blend-mode: soft-light;
+        }
+    }
+
+    &__inner {
+        position: relative;
+        z-index: 1;
+    }
+
+    &__back {
+        display: inline-flex;
+        margin-bottom: 28px;
+        color: rgba(255, 255, 255, 0.68);
+        font-size: 14px;
+        line-height: 1.4;
+        text-decoration: underline;
+        text-underline-offset: 3px;
+        transition: color 0.2s ease;
+
+        &:hover {
+            color: $color-text;
+        }
+    }
+
+    &__head {
+        max-width: 980px;
+        margin: 0 auto;
+        margin-bottom: 36px;
+
+        p {
+            margin-bottom: 12px;
+            color: #ffd2d2;
+            font-size: 15px;
+            font-weight: 500;
+            line-height: 1.4;
+            text-transform: uppercase;
+        }
+
+        h1 {
+            font-size: clamp(34px, 5vw, 64px);
+            font-weight: 700;
+            line-height: 1.08;
+        }
+    }
+}
+
+.legal-document {
+    max-width: 1040px;
+    padding: 48px;
+    border: 1px solid rgba(255, 255, 255, 0.12);
+    border-radius: 20px;
+    background: rgba(18, 18, 18, 0.82);
+    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.36);
+    backdrop-filter: blur(10px);
+    margin: 0 auto;
+
+    h2 {
+        margin: 42px 0 18px;
+        color: $color-text;
+        font-size: clamp(24px, 3vw, 34px);
+        font-weight: 700;
+        line-height: 1.18;
+
+        &:first-child {
+            margin-top: 0;
+        }
+    }
+
+    p {
+        color: rgba(255, 255, 255, 0.78);
+        font-size: 17px;
+        font-weight: 300;
+        line-height: 1.72;
+
+        + p {
+            margin-top: 14px;
+        }
+    }
+
+    &__meta-line {
+        color: rgba(255, 255, 255, 0.9) !important;
+        font-weight: 500 !important;
+        line-height: 1.45 !important;
+    }
+
+    &__table-wrap {
+        margin: 28px 0;
+        overflow-x: auto;
+        border: 1px solid rgba(255, 255, 255, 0.12);
+        border-radius: 14px;
+    }
+
+    table {
+        width: 100%;
+        min-width: 640px;
+        border-collapse: collapse;
+        background: rgba(255, 255, 255, 0.03);
+    }
+
+    td {
+        padding: 16px;
+        border: 1px solid rgba(255, 255, 255, 0.12);
+        color: rgba(255, 255, 255, 0.78);
+        font-size: 15px;
+        font-weight: 300;
+        line-height: 1.55;
+        vertical-align: top;
+
+        &:first-child {
+            width: 104px;
+            color: #ffd2d2;
+            font-weight: 500;
+        }
+    }
+}
+
 .footer {
     border-top: 1px solid rgba(207, 23, 23, 0.1);
     background: #090a0f;
@@ -1830,6 +1980,29 @@ img {
 }
 
 @include respond($bp-md) {
+    .legal-page {
+        padding: 112px 0 64px;
+
+        &__head {
+            margin-bottom: 28px;
+        }
+    }
+
+    .legal-document {
+        padding: 30px 22px;
+        border-radius: 16px;
+
+        p {
+            font-size: 15px;
+            line-height: 1.65;
+        }
+
+        td {
+            padding: 12px;
+            font-size: 14px;
+        }
+    }
+
     .reviews {
         --reviews-visible: 1;