<\!DOCTYPE html\>Тест: Путь к дому мечты body \{ font\-family: "Segoe UI", Tahoma, Geneva, Verdana, sans\-serif; background: \#f0f4f8; margin: 0; padding: 20px; color: \#222; display: flex; justify\-content: center; \} \.container \{ max\-width: 720px; background: white; border\-radius: 8px; padding: 30px 40px; box\-shadow: 0 4px 12px rgb\(0 0 0 / 0\.1\); \} h1 \{ text\-align: center; color: \#2b6cb0; \} \.question \{ margin\-bottom: 25px; padding\-bottom: 15px; border\-bottom: 1px solid \#eee; \} \.question h3 \{ font\-weight: 600; font\-size: 1\.1rem; margin\-bottom: 12px; color: \#1a202c; \} label \{ display: block; margin\-bottom: 8px; cursor: pointer; padding: 8px 12px; border\-radius: 5px; transition: background\-color 0\.2s; border: 1px solid transparent; \} input\[type\="radio"\] \{ margin\-right: 10px; cursor: pointer; \} label:hover \{ background\-color: \#e6f0ff; border\-color: \#3182ce; \} \.submit\-btn \{ background\-color: \#2b6cb0; color: white; font\-weight: 600; border: none; padding: 12px 24px; cursor: pointer; border\-radius: 8px; font\-size: 1rem; margin\-top: 10px; transition: background\-color 0\.3s; width: 100%; \} \.submit\-btn:hover:not\(:disabled\) \{ background\-color: \#234e8a; \} \.submit\-btn:disabled \{ background\-color: \#aac4e8; cursor: not\-allowed; \} \.result \{ margin\-top: 30px; padding: 20px; background\-color: \#ebf8ff; border\-left: 6px solid \#2b6cb0; border\-radius: 6px; font\-size: 1\.1rem; line\-height: 1\.5; color: \#2c5282; \} \.category\-name \{ font\-weight: 700; font\-size: 1\.3rem; margin\-bottom: 8px; color: \#2b6cb0; \} /\* Scroll if container is too tall \*/ \.questions\-wrapper \{ max\-height: 75vh; overflow\-y: auto; margin\-bottom: 20px; padding\-right: 10px; \} /\* Responsive \*/ @media \(max\-width: 480px\) \{ \.container \{ padding: 20px 16px; \} h1 \{ font\-size: 1\.5rem; \} \.submit\-btn \{ font\-size: 1rem; padding: 10px; \} \}
Тест: Путь к дому мечтыВыберите ответ на каждый вопрос, чтобы определить вашу категорию и получить рекомендации\.
<\!\-\- Вопросы будут вставлены здесь \-\-\>

arrow uparrow up