first commit

2026-05-09 00:38:56 +03:00
commit 51a44ef13d
156 changed files with 9832 additions and 0 deletions
--- a/src/widgets/about/ui/About.module.css
+++ b/src/widgets/about/ui/About.module.css
@@ -0,0 +1,123 @@
+.section {
+  width: 100%;
+  background: var(--bg-deep);
+  padding: 80px 48px;
+}
+
+.wrap {
+  max-width: 1200px;
+  margin: 0 auto;
+  display: grid;
+  grid-template-columns: 40% 60%;
+  gap: 48px;
+  align-items: center;
+}
+
+.descBlock {
+  border-left: 3px solid var(--interactive);
+  padding-left: 20px;
+  margin-top: 24px;
+}
+
+.descText {
+  color: var(--text-secondary);
+  line-height: 1.7;
+  font-size: 16px;
+  margin-bottom: 16px;
+}
+
+.descText:last-child {
+  margin-bottom: 0;
+}
+
+.right {
+  position: relative;
+}
+
+.glow {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 400px;
+  height: 400px;
+  background: radial-gradient(circle, rgba(74, 109, 255, 0.08), transparent 70%);
+  filter: blur(80px);
+  pointer-events: none;
+}
+
+.row {
+  height: 80px;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+  padding: 0 12px;
+  transition: all 0.2s ease;
+  cursor: default;
+  border-left: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+}
+
+.row[data-last] {
+  border-bottom: none;
+}
+
+.row[data-hovered] {
+  background: rgba(255, 255, 255, 0.02);
+  border-left-color: rgba(0, 196, 140, 0.4);
+}
+
+@media (max-width: 550px) {
+  .wrap {
+    gap: 2rem;
+  }
+
+  .glow {
+    height: auto;
+  }
+
+  .row {
+    height: auto;
+    margin-bottom: 1rem;
+  }
+}
+
+.check {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: rgba(0, 196, 140, 0.12);
+  border: 1px solid rgba(0, 196, 140, 0.2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #00c48c;
+  font-size: 16px;
+  flex-shrink: 0;
+}
+
+.text {
+  color: var(--text-primary);
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 1.5;
+}
+
+@media (max-width: 1024px) {
+  .wrap {
+    grid-template-columns: 1fr;
+  }
+
+  .section {
+    padding: 40px 32px;
+  }
+}
+
+@media (max-width: 640px) {
+  .section {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+}