From b722e6d952a35462eb44aa9434beee2f4b09e686 Mon Sep 17 00:00:00 2001 From: k1ngsterr1 Date: Mon, 13 Jul 2026 07:41:38 +0500 Subject: [PATCH 1/3] =?UTF-8?q?=D0=92=D1=8B=D1=80=D0=BE=D0=B2=D0=BD=D1=8F?= =?UTF-8?q?=D1=82=D1=8C=20FAQ=20=D0=B8=20=D0=B0=D0=BD=D0=B8=D0=BC=D0=B8?= =?UTF-8?q?=D1=80=D0=BE=D0=B2=D0=B0=D1=82=D1=8C=20=D1=80=D0=B0=D1=81=D0=BA?= =?UTF-8?q?=D1=80=D1=8B=D1=82=D0=B8=D0=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/support/index.html | 55 ++++++++++++++++++++++++++++++++++----- 1 file changed, 49 insertions(+), 6 deletions(-) diff --git a/public/support/index.html b/public/support/index.html index d95af04..1a870f8 100644 --- a/public/support/index.html +++ b/public/support/index.html @@ -209,13 +209,26 @@ } details { + display: grid; + grid-template-rows: auto 0fr; padding: 19px 20px; border: 1px solid #dbe2ee; border-radius: 8px; background: #ffffff; + overflow: hidden; + transition: grid-template-rows 260ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 180ms ease; + } + + details[open] { + grid-template-rows: auto 1fr; } summary { + display: grid; + grid-template-columns: minmax(0, 1fr) 28px; + gap: 12px; + align-items: center; + min-height: 28px; cursor: pointer; color: #1d293d; font-size: 17px; @@ -227,23 +240,53 @@ display: none; } + summary::marker { + content: ""; + } + summary::after { - float: right; + display: grid; + width: 28px; + height: 28px; + place-items: center; color: #075ed3; content: "+"; - font-size: 22px; + font-size: 26px; font-weight: 500; - line-height: 0.8; + line-height: 1; + transform: rotate(0deg); + transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1); } details[open] summary::after { - content: "-"; + transform: rotate(45deg); } - details p { - margin: 14px 0 0; + details > p { + display: block; + min-height: 0; + margin: 0; + overflow: hidden; color: #526176; font-size: 15px; + opacity: 0; + transform: translateY(-4px); + transition: opacity 140ms ease, transform 180ms ease, margin 260ms cubic-bezier(0.2, 0.8, 0.2, 1); + } + + details[open] > p { + margin: 14px 0 0; + opacity: 1; + transform: translateY(0); + transition-delay: 70ms; + } + + @media (prefers-reduced-motion: reduce) { + details, + summary::after, + details > p { + transition: none; + } } .contact-panel { From b1bf162d5608d995f3c7e4f3ba6aac4c96fbde5d Mon Sep 17 00:00:00 2001 From: k1ngsterr1 Date: Mon, 13 Jul 2026 07:50:33 +0500 Subject: [PATCH 2/3] =?UTF-8?q?=D0=A3=D0=B1=D1=80=D0=B0=D1=82=D1=8C=20?= =?UTF-8?q?=D0=BF=D0=BE=D0=B4=D1=87=D1=91=D1=80=D0=BA=D0=B8=D0=B2=D0=B0?= =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20email=20=D0=BF=D0=BE=D0=B4=D0=B4=D0=B5?= =?UTF-8?q?=D1=80=D0=B6=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/support/index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/public/support/index.html b/public/support/index.html index 1a870f8..255f499 100644 --- a/public/support/index.html +++ b/public/support/index.html @@ -333,6 +333,7 @@ font-size: 18px; font-weight: 700; overflow-wrap: anywhere; + text-decoration: none; } .legal-links { From 8c3418488c5ee1e18f9a4da168a5c19d93eaa37b Mon Sep 17 00:00:00 2001 From: k1ngsterr1 Date: Mon, 13 Jul 2026 10:02:13 +0500 Subject: [PATCH 3/3] =?UTF-8?q?=D0=A1=D0=B4=D0=B5=D0=BB=D0=B0=D1=82=D1=8C?= =?UTF-8?q?=20FAQ=20=D0=BE=D0=B4=D0=BD=D0=BE=D0=BA=D0=BE=D0=BB=D0=BE=D0=BD?= =?UTF-8?q?=D0=BE=D1=87=D0=BD=D1=8B=D0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/support/index.html | 21 +++++++++++++++------ 1 file changed, 15 insertions(+), 6 deletions(-) diff --git a/public/support/index.html b/public/support/index.html index 255f499..bee0d81 100644 --- a/public/support/index.html +++ b/public/support/index.html @@ -204,8 +204,8 @@ .faq { display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 14px; + grid-template-columns: minmax(0, 1fr); + gap: 12px; } details { @@ -216,11 +216,14 @@ border-radius: 8px; background: #ffffff; overflow: hidden; - transition: grid-template-rows 260ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 180ms ease; + transition: grid-template-rows 280ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 180ms ease, + background-color 180ms ease; } details[open] { grid-template-rows: auto 1fr; + border-color: #b8cce8; + background: #f9fbff; } summary { @@ -265,17 +268,18 @@ details > p { display: block; min-height: 0; - margin: 0; + margin: 0 40px 0 0; overflow: hidden; color: #526176; font-size: 15px; opacity: 0; transform: translateY(-4px); - transition: opacity 140ms ease, transform 180ms ease, margin 260ms cubic-bezier(0.2, 0.8, 0.2, 1); + transition: opacity 160ms ease, transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1), + margin 280ms cubic-bezier(0.2, 0.8, 0.2, 1); } details[open] > p { - margin: 14px 0 0; + margin: 14px 40px 0 0; opacity: 1; transform: translateY(0); transition-delay: 70ms; @@ -414,6 +418,11 @@ background: #141c29; } + details[open] { + border-color: #3c608b; + background: #18263a; + } + .quick-link:hover { border-color: #427fc7; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);