@import "/Assets/css/main/checkbox.css";
@import "/Assets/css/main/header.css";
@import "/Assets/css/main/menu.css";
@import "/Assets/css/main/footer.css";
@import "/Assets/css/main/cookie-notification.css";

:root { --main-bg: #f4f7f9; --text-main: #495b6d; --color1: #4cab62; --color2: #4c9aae; --line: #a6c1dd; --white: #ffffff; --column-width: 900px; --shadow: 0 8px 24px rgba(73, 91, 109, 0.06); }  * { box-sizing: border-box; margin: 0; padding: 0; }  form { display: flex; flex-direction: column; min-height: 100vh; /* Форма теперь всегда высотой с экран */ margin: 0; }  body { font-family: 'Segoe UI', Tahoma, sans-serif; background-color: var(--main-bg); color: var(--text-main); line-height: 1.6; display: flex; flex-direction: column; min-height: 100vh; }  main { max-width: var(--column-width); margin: 0 auto; padding: 40px 20px; width: 100%; }  input[type="text"]:focus, textarea:focus { outline: none; box-shadow: 0 0 8px rgba(var(--color2-rgb), 0.2); transition: border-color 0.3s ease, box-shadow 0.3s ease; }  .hero-section { margin-bottom: 20px; }  .hero-section h1 { font-size: 23px; line-height: 25px; margin-bottom: 15px; }  .hero-section p { }  .breadcrumbs { margin-bottom: 10px; font-size: 0.85rem; color: #8a99a8; }  .breadcrumbs a { color: var(--color2); text-decoration: none; }  .breadcrumbs span { margin: 0 8px; opacity: 0.5; }