front

frontend/src/App.css

@@ -92,7 +92,7 @@
 
 .invite-time {
   font-family: 'Cormorant Garamond', serif;
-  font-size: 1.7rem;
+  font-size: 1.8rem;
   font-weight: 500;
   color: var(--pink);
   white-space: nowrap;
@@ -100,7 +100,8 @@
 }
 
 .invite-desc {
-  font-size: 1.3rem;
+  font-size: 1.5rem;
+  font-weight: 400;
   color: var(--text);
   line-height: 1.55;
 }
@@ -111,10 +112,12 @@
 }
 
 .invite-dresscode {
-  font-size: 0.95rem;
+  font-family: 'Cormorant Garamond', serif;
-  color: var(--text-muted);
+  font-size: clamp(1.2rem, 3vw, 1.5rem);
-  line-height: 1.6;
+  font-weight: 500;
   font-style: italic;
+  color: var(--text);
+  line-height: 1.6;
 }
 
 .invite-palette {
@@ -125,10 +128,10 @@
 
 .invite-palette span {
   display: block;
-  width: 2.5rem;
+  width: 3rem;
-  height: 2.5rem;
+  height: 3rem;
   border-radius: 50%;
-  box-shadow: 0 1px 4px rgba(0,0,0,0.12);
+  /*box-shadow: 0 0 0 rgba(0,0,0,0.12);*/
 }
 
 .invite-bottom {
@@ -140,9 +143,9 @@
 }
 
 .invite-cta-text {
-  font-size: 0.95rem;
+  font-family: 'Cormorant Garamond', serif;
-  color: var(--text-muted);
+  font-size: 1.2rem;
-  line-height: 1.6;
+  font-weight: 400;
 }
 
 .welcome-cta {
@@ -151,7 +154,7 @@
   background: var(--pink);
   color: #fff;
   border: none;
-  font-family: 'Montserrat', sans-serif;
+  font-family: 'Cormorant Garamond', serif;
   font-size: 0.75rem;
   font-weight: 500;
   letter-spacing: 0.2em;
@@ -232,7 +235,7 @@
   }
 
   .invite-dresscode {
-    font-size: 0.8rem;
+    font-size: 1.3rem;
   }
 
   .invite-palette span {

frontend/src/App.tsx

@@ -36,7 +36,8 @@ export default function App() {
               <span className="invite-time">17:00</span>
               <span className="invite-desc">
                 Праздничный банкет<br />
-                <span className="invite-place">Ресторан «Беллисто», банкетный зал «Людовик»</span>
+                <span className="invite-place">Ресторан «Беллисто», банкетный зал «Людовик» <br/>
+                  ул. Генерала Жадова, д. 9А</span>
               </span>
             </div>
           </div>
@@ -49,11 +50,11 @@ export default function App() {
           </p>
 
           <div className="invite-palette">
-            <span style={{ background: '#E8C4C4' }} />
+            <span style={{ background: '#9CFCC1' }} />
-            <span style={{ background: '#D4A0A0' }} />
+            <span style={{ background: '#A7E7FE' }} />
-            <span style={{ background: '#C47A7A' }} />
+            <span style={{ background: '#F5FEAA' }} />
-            <span style={{ background: '#A85C5C' }} />
+            <span style={{ background: '#FFBCD8' }} />
-            <span style={{ background: '#8B3A3A' }} />
+            <span style={{ background: '#FFB9FF' }} />
           </div>
 
           <div className="invite-bottom">

frontend/src/components/Survey.css

@@ -15,9 +15,9 @@
 }
 
 .survey-label {
-  font-family: 'Montserrat', sans-serif;
+  font-family: 'Cormorant Garamond', serif;
-  font-size: 1.1rem;
+  font-size: 1.4rem;
-  font-weight: 500;
+  font-weight: 600;
   letter-spacing: 0.03em;
   color: var(--text-muted);
 }
@@ -28,7 +28,8 @@
   border-bottom: 1.5px solid rgba(164, 90, 90, 0.25);
   padding: 0.6rem 0;
   font-family: 'Cormorant Garamond', serif;
-  font-size: 1.2rem;
+  font-size: 1.4rem;
+  font-weight: 400;
   color: var(--text);
   outline: none;
   transition: border-color 0.25s;
@@ -97,7 +98,7 @@
   background: var(--pink);
   color: #fff;
   border: none;
-  font-family: 'Montserrat', sans-serif;
+  font-family: 'Cormorant Garamond', serif;
   font-size: 0.75rem;
   font-weight: 500;
   letter-spacing: 0.2em;

frontend/src/components/Survey.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useState, useRef, useEffect } from 'react'
 import './Survey.css'
 
 interface FormData {
@@ -22,6 +22,14 @@ export default function Survey() {
     partnerFood: '',
   })
 
+  const partnerRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    if (form.withPartner && partnerRef.current) {
+      partnerRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    }
+  }, [form.withPartner])
+
   const [submitted, setSubmitted] = useState(false)
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState<string | null>(null)
@@ -109,9 +117,9 @@ export default function Survey() {
       </div>
 
       {form.withPartner && (
-        <div className="survey-partner">
+        <div className="survey-partner" ref={partnerRef}>
           <div className="survey-field">
-            <label className="survey-label">Фамилия и имя вашей пары</label>
+            <label className="survey-label">Фамилия и имя партнера</label>
             <input
               className="survey-input"
               type="text"
@@ -122,7 +130,7 @@ export default function Survey() {
           </div>
 
           <div className="survey-field">
-            <label className="survey-label">Предпочтения вашей пары по алкоголю</label>
+            <label className="survey-label">Предпочтения по алкоголю вашего партнера</label>
             <input
               className="survey-input"
               type="text"
@@ -132,7 +140,7 @@ export default function Survey() {
           </div>
 
           <div className="survey-field">
-            <label className="survey-label">Какую еду не ест ваша пара?</label>
+            <label className="survey-label">Какую еду не ест ваш партнер</label>
             <input
               className="survey-input"
               type="text"

frontend/src/index.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Montserrat:wght@300;400;500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap');
 
 *, *::before, *::after {
   box-sizing: border-box;
@@ -25,7 +25,7 @@ body {
   padding: 0;
   background: var(--cream);
   color: var(--text);
-  font-family: 'Montserrat', sans-serif;
+  font-family: 'Cormorant Garamond', serif;
   font-weight: 300;
   -webkit-font-smoothing: antialiased;
 }