website: Add smooth FAQ accordion spring animation with rotation icon transition

website/style.css

@@ -2890,6 +2890,7 @@ html:not(.lang-de) [lang="de"] {
     padding: 1.5rem 2rem;
     cursor: pointer;
     transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
+    overflow: hidden;
 }
 
 .faq-item:hover {
@@ -2922,13 +2923,13 @@ html:not(.lang-de) [lang="de"] {
     font-size: 1.4rem;
     color: var(--accent);
     font-weight: 300;
-    transition: transform 0.3s ease;
+    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
     flex-shrink: 0;
+    transform-origin: center;
 }
 
 .faq-item[open] summary::after {
-    content: '−';
-    transform: rotate(180deg);
+    transform: rotate(45deg);
 }
 
 .faq-item p {