19.05.2026 okkk

2026-05-19 21:20:03 +03:00
parent 29fbd71d8f
commit 1ec70fcab8
24 changed files with 3141 additions and 5 deletions
--- a/src/pages/soglasie-personalnyh-dannyh/ui/SoglasiePage.module.css
+++ b/src/pages/soglasie-personalnyh-dannyh/ui/SoglasiePage.module.css
@@ -0,0 +1,127 @@
+.main {
+  padding: 40px 20px;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.container {
+  background: var(--bg-secondary, #f5f5f5);
+  padding: 40px;
+  border-radius: 8px;
+}
+
+.title {
+  font-size: 28px;
+  font-weight: 700;
+  margin-bottom: 20px;
+  text-align: center;
+  color: var(--text-primary, #000);
+}
+
+.subtitle {
+  font-size: 22px;
+  font-weight: 600;
+  margin-bottom: 30px;
+  text-align: center;
+  color: var(--text-secondary, #333);
+}
+
+.section {
+  margin-bottom: 40px;
+}
+
+.sectionTitle {
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 15px;
+  color: var(--text-primary, #000);
+  border-bottom: 2px solid var(--accent-color, #007bff);
+  padding-bottom: 10px;
+}
+
+.subSectionTitle {
+  font-size: 16px;
+  font-weight: 600;
+  margin-top: 20px;
+  margin-bottom: 10px;
+  color: var(--text-primary, #000);
+}
+
+.list {
+  list-style: disc;
+  margin-left: 20px;
+  line-height: 1.8;
+  color: var(--text-primary, #000);
+}
+
+.list li {
+  margin-bottom: 8px;
+}
+
+.list strong {
+  color: var(--text-primary, #000);
+}
+
+.info {
+  padding: 20px;
+  background: var(--bg-primary, #fff);
+  border-left: 4px solid var(--accent-color, #007bff);
+  border-radius: 4px;
+  margin: 15px 0;
+  line-height: 1.8;
+}
+
+.info p {
+  margin: 8px 0;
+  color: var(--text-primary, #000);
+}
+
+.contacts {
+  padding: 20px;
+  background: var(--bg-primary, #fff);
+  border-left: 4px solid var(--accent-color, #007bff);
+  border-radius: 4px;
+  line-height: 1.8;
+}
+
+.contacts p {
+  margin: 8px 0;
+  color: var(--text-primary, #000);
+}
+
+.confirmation {
+  padding: 10px 0;
+  color: var(--text-primary, #000);
+  font-weight: 500;
+}
+
+@media (max-width: 768px) {
+  .container {
+    padding: 20px;
+  }
+
+  .title {
+    font-size: 22px;
+  }
+
+  .subtitle {
+    font-size: 18px;
+  }
+
+  .sectionTitle {
+    font-size: 16px;
+  }
+
+  .subSectionTitle {
+    font-size: 14px;
+  }
+
+  .list {
+    margin-left: 15px;
+  }
+
+  .info,
+  .contacts {
+    padding: 15px;
+  }
+}