{"id":1573,"date":"2026-07-01T19:49:56","date_gmt":"2026-07-01T16:49:56","guid":{"rendered":"https:\/\/silaoka.ru\/?page_id=1573"},"modified":"2026-07-01T19:49:56","modified_gmt":"2026-07-01T16:49:56","slug":"uuu","status":"publish","type":"page","link":"https:\/\/silaoka.ru\/?page_id=1573","title":{"rendered":"uuu"},"content":{"rendered":"\n
<\/div>
\n
\n\n\n\n \n \n \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u00ab\u0413\u0435\u0440\u043e\u0438 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430\u00bb<\/title>\n <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u043e\u0432: Playfair Display (\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438) \u0438 Inter (\u0442\u0435\u043a\u0441\u0442) -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* =========================================\n \u041e\u0421\u041d\u041e\u0412\u041d\u042b\u0415 \u041f\u0415\u0420\u0415\u041c\u0415\u041d\u041d\u042b\u0415 \u0418 \u0421\u0411\u0420\u041e\u0421 \u0421\u0422\u0418\u041b\u0415\u0419\n ========================================= *\/\n :root {\n \/* \u0426\u0432\u0435\u0442\u043e\u0432\u0430\u044f \u043f\u0430\u043b\u0438\u0442\u0440\u0430 *\/\n --color-primary: #0F172A; \/* \u0422\u0435\u043c\u043d\u043e-\u0441\u0438\u043d\u0438\u0439 (\u0433\u043b\u0443\u0431\u0438\u043d\u0430, \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0441\u0442\u044c) *\/\n --color-accent: #C5A059; \/* \u0422\u043e\u0440\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0437\u043e\u043b\u043e\u0442\u043e\u0439 (\u043d\u0430\u0433\u0440\u0430\u0434\u0430, \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c) *\/\n --color-accent-hover: #B08D4B;\n --color-text-main: #334155; \/* \u0422\u0435\u043c\u043d\u043e-\u0441\u0435\u0440\u044b\u0439 \u0434\u043b\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 *\/\n --color-text-light: #64748B; \/* \u0421\u0432\u0435\u0442\u043b\u043e-\u0441\u0435\u0440\u044b\u0439 \u0434\u043b\u044f \u0432\u0442\u043e\u0440\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 *\/\n --color-bg-light: #F8FAFC; \/* \u041e\u0447\u0435\u043d\u044c \u0441\u0432\u0435\u0442\u043b\u044b\u0439 \u0444\u043e\u043d *\/\n --color-bg-white: #FFFFFF;\n --color-border: #E2E8F0;\n\n \/* \u0422\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430 *\/\n --font-heading: 'Playfair Display', serif;\n --font-body: 'Inter', sans-serif;\n \n \/* \u041e\u0442\u0441\u0442\u0443\u043f\u044b \u0438 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u044b *\/\n --container-width: 1200px;\n --spacing-sm: 1rem;\n --spacing-md: 2rem;\n --spacing-lg: 4rem;\n --spacing-xl: 6rem;\n \n \/* \u0422\u0435\u043d\u0438 \u0438 \u0440\u0430\u0434\u0438\u0443\u0441\u044b *\/\n --shadow-sm: 0 1px 3px rgba(0,0,0,0.05);\n --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1);\n --radius-md: 8px;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: var(--font-body);\n color: var(--color-text-main);\n background-color: var(--color-bg-light);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family: var(--font-heading);\n font-weight: 700;\n line-height: 1.2;\n color: var(--color-primary);\n margin-bottom: var(--spacing-sm);\n }\n\n h1 { font-size: clamp(2.5rem, 5vw, 4rem); }\n h2 { font-size: clamp(2rem, 4vw, 3rem); }\n h3 { font-size: 1.75rem; }\n\n p {\n margin-bottom: 1.5rem;\n font-size: 1.05rem;\n color: var(--color-text-main);\n }\n\n a {\n color: var(--color-accent);\n text-decoration: none;\n transition: color 0.3s ease;\n }\n a:hover {\n color: var(--color-accent-hover);\n }\n\n img {\n max-width: 100%;\n height: auto;\n display: block;\n }\n\n .container {\n width: 90%;\n max-width: var(--container-width);\n margin: 0 auto;\n padding: 0 var(--spacing-sm);\n }\n\n .btn {\n display: inline-block;\n padding: 14px 32px;\n background-color: var(--color-accent);\n color: white;\n font-family: var(--font-body);\n font-weight: 600;\n font-size: 1rem;\n border: none;\n border-radius: 4px; \/* \u0427\u0443\u0442\u044c \u0443\u0433\u043b\u043e\u0432\u0430\u0442\u0435\u0435 \u0434\u043b\u044f \u0441\u043e\u043b\u0438\u0434\u043d\u043e\u0441\u0442\u0438 *\/\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .btn:hover {\n background-color: var(--color-accent-hover);\n transform: translateY(-2px);\n box-shadow: var(--shadow-md);\n }\n\n .btn-outline {\n background-color: transparent;\n border: 2px solid var(--color-accent);\n color: var(--color-accent);\n }\n\n .btn-outline:hover {\n background-color: var(--color-accent);\n color: white;\n }\n\n \/* =========================================\n \u0428\u0410\u041f\u041a\u0410 (HEADER)\n ========================================= *\/\n .header {\n background-color: var(--color-bg-white);\n border-bottom: 1px solid var(--color-border);\n position: sticky;\n top: 0;\n z-index: 1000;\n padding: 1rem 0;\n }\n\n .header__inner {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .logo__icon {\n width: 48px;\n height: 48px;\n background-color: var(--color-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-accent);\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 1.2rem;\n }\n\n .logo__text {\n font-family: var(--font-heading);\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--color-primary);\n }\n\n .nav {\n display: flex;\n gap: 2rem;\n list-style: none;\n }\n\n .nav a {\n font-weight: 500;\n color: var(--color-text-main);\n position: relative;\n padding: 0.5rem 0;\n }\n\n .nav a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background-color: var(--color-accent);\n transition: width 0.3s ease;\n }\n\n .nav a:hover::after {\n width: 100%;\n }\n\n .header__actions {\n display: flex;\n gap: 1rem;\n align-items: center;\n }\n\n \/* \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043c\u0435\u043d\u044e (\u0443\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u043e) *\/\n .mobile-menu-btn {\n display: none;\n background: none;\n border: none;\n font-size: 1.5rem;\n color: var(--color-primary);\n cursor: pointer;\n }\n\n \/* =========================================\n \u0413\u0415\u0420\u041e\u0419\u0421\u041a\u0410\u042f \u0421\u0415\u041a\u0426\u0418\u042f (HERO)\n ========================================= *\/\n .hero {\n position: relative;\n padding: var(--spacing-xl) 0;\n background: linear-gradient(135deg, var(--color-primary) 0%, #1e293b 100%);\n color: white;\n overflow: hidden;\n }\n\n \/* \u0424\u043e\u043d\u043e\u0432\u0430\u044f \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u0430\u044f \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0430 (\u043f\u0430\u043c\u044f\u0442\u044c, \u0441\u043b\u0435\u0434) *\/\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 0.5;\n pointer-events: none;\n }\n\n .hero__content {\n position: relative;\n z-index: 1;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--spacing-lg);\n align-items: center;\n }\n\n .hero__text {\n max-width: 600px;\n }\n\n .hero__title {\n color: white;\n margin-bottom: var(--spacing-md);\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n }\n\n .hero__subtitle {\n font-size: 1.25rem;\n color: rgba(255,255,255,0.9);\n margin-bottom: var(--spacing-md);\n font-weight: 300;\n }\n\n .hero__image-wrapper {\n position: relative;\n border-radius: var(--radius-md);\n overflow: hidden;\n box-shadow: 0 20px 40px rgba(0,0,0,0.4);\n border: 1px solid rgba(255,255,255,0.1);\n }\n\n .hero__image {\n width: 100%;\n height: 400px;\n object-fit: cover;\n \/* \u0417\u0430\u0433\u043b\u0443\u0448\u043a\u0430. \u041d\u0443\u0436\u043d\u0430 \u0444\u043e\u0442\u043e: \u043f\u043e\u0440\u0442\u0440\u0435\u0442 \u0433\u0435\u0440\u043e\u044f\/\u0432\u0435\u0442\u0435\u0440\u0430\u043d\u0430\n<\/div>\n<\/div><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ============================================\n \u0414\u0418\u0417\u0410\u0419\u041d-\u0421\u0418\u0421\u0422\u0415\u041c\u0410: \u0410\u0421\u0421\u041e\u0426\u0418\u0410\u0426\u0418\u042f \u0413\u0415\u0420\u041e\u0418 \u041e\u0422\u0415\u0427\u0415\u0421\u0422\u0412\u0410\n ============================================ *\/\n\n\/* \u2500\u2500 \u0428\u0420\u0418\u0424\u0422\u042b \u2500\u2500 *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Montserrat:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');\n\n\/* \u2500\u2500 CSS-\u041f\u0415\u0420\u0415\u041c\u0415\u041d\u041d\u042b\u0415 (\u0422\u041e\u041a\u0415\u041d\u042b \u0414\u0418\u0417\u0410\u0419\u041d\u0410) \u2500\u2500 *\/\n:root {\n \/* === \u0426\u0412\u0415\u0422\u041e\u0412\u0410\u042f \u041f\u0410\u041b\u0418\u0422\u0420\u0410 === *\/\n\n \/* \u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0446\u0432\u0435\u0442\u0430 \u2014 \u0442\u0440\u0438\u043a\u043e\u043b\u043e\u0440 *\/\n --color-white: #FFFFFF;\n --color-blue-primary: #0039A6; \/* \u0421\u0438\u043d\u0438\u0439 \u0444\u043b\u0430\u0433\u0430 \u0420\u0424 *\/\n --color-red-primary: #D52B1E; \/* \u041a\u0440\u0430\u0441\u043d\u044b\u0439 \u0444\u043b\u0430\u0433\u0430 \u0420\u0424 *\/\n\n \/* \u0417\u043e\u043b\u043e\u0442\u043e\u0439 \u2014 \u043e\u0440\u0434\u0435\u043d\u0430, \u0437\u0432\u0451\u0437\u0434\u044b \u0433\u0435\u0440\u043e\u0435\u0432 *\/\n --color-gold: #C5A028;\n --color-gold-light: #D4AF37;\n --color-gold-dark: #A07D1C;\n --color-gold-shine: #F5D061;\n\n \/* \u0422\u0451\u043c\u043d\u044b\u0435 \u0442\u043e\u043d\u0430 \u2014 \u0441\u0442\u0440\u043e\u0433\u043e\u0441\u0442\u044c, \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c *\/\n --color-navy: #001F54;\n --color-navy-deep: #00122E;\n --color-dark: #1A1A2E;\n --color-charcoal: #2C2C3A;\n\n \/* \u0421\u0432\u0435\u0442\u043b\u044b\u0435 \u0442\u043e\u043d\u0430 *\/\n --color-cream: #FAF8F0;\n --color-light-gray: #F0EDE5;\n --color-medium-gray: #B8B5AD;\n --color-text-gray: #6B6B6B;\n\n \/* \u0410\u043a\u0446\u0435\u043d\u0442\u044b *\/\n --color-red-dark: #8B1A10;\n --color-blue-light: #1A5BC4;\n --color-blue-pale: #E8EEF8;\n --color-green-ribbon: #2E7D32; \/* \u0413\u0435\u043e\u0440\u0433\u0438\u0435\u0432\u0441\u043a\u0430\u044f \u043b\u0435\u043d\u0442\u0430 *\/\n --color-orange-ribbon:#FF8F00; \/* \u0413\u0435\u043e\u0440\u0433\u0438\u0435\u0432\u0441\u043a\u0430\u044f \u043b\u0435\u043d\u0442\u0430 *\/\n\n \/* \u0421\u0442\u0430\u0442\u0443\u0441\u043d\u044b\u0435 \u0446\u0432\u0435\u0442\u0430 *\/\n --color-success: #2E7D32;\n --color-warning: #E65100;\n --color-info: #0277BD;\n\n \/* === \u0422\u0418\u041f\u041e\u0413\u0420\u0410\u0424\u0418\u041a\u0410 === *\/\n --font-heading: 'Playfair Display', 'Georgia', serif;\n --font-body: 'Montserrat', 'Arial', sans-serif;\n --font-ui: 'Roboto', 'Helvetica Neue', sans-serif;\n\n \/* \u0420\u0430\u0437\u043c\u0435\u0440\u044b \u0448\u0440\u0438\u0444\u0442\u043e\u0432 *\/\n --text-xs: 0.75rem; \/* 12px *\/\n --text-sm: 0.875rem; \/* 14px *\/\n --text-base: 1rem; \/* 16px *\/\n --text-lg: 1.125rem; \/* 18px *\/\n --text-xl: 1.25rem; \/* 20px *\/\n --text-2xl: 1.5rem; \/* 24px *\/\n --text-3xl: 1.875rem; \/* 30px *\/\n --text-4xl: 2.25rem; \/* 36px *\/\n --text-5xl: 3rem; \/* 48px *\/\n --text-6xl: 3.75rem; \/* 60px *\/\n --text-hero: 4.5rem; \/* 72px *\/\n\n \/* \u041c\u0435\u0436\u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b *\/\n --leading-tight: 1.2;\n --leading-normal: 1.6;\n --leading-relaxed: 1.8;\n\n \/* \u041c\u0435\u0436\u0431\u0443\u043a\u0432\u0435\u043d\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b *\/\n --tracking-tight: -0.02em;\n --tracking-normal: 0;\n --tracking-wide: 0.05em;\n --tracking-widest: 0.15em;\n\n \/* === \u041e\u0422\u0421\u0422\u0423\u041f\u042b === *\/\n --space-1: 0.25rem;\n --space-2: 0.5rem;\n --space-3: 0.75rem;\n --space-4: 1rem;\n --space-5: 1.25rem;\n --space-6: 1.5rem;\n --space-8: 2rem;\n --space-10: 2.5rem;\n --space-12: 3rem;\n --space-16: 4rem;\n --space-20: 5rem;\n --space-24: 6rem;\n --space-32: 8rem;\n\n \/* === \u0421\u041a\u0420\u0423\u0413\u041b\u0415\u041d\u0418\u042f === *\/\n --radius-sm: 4px;\n --radius-md: 8px;\n --radius-lg: 12px;\n --radius-xl: 16px;\n --radius-2xl: 24px;\n --radius-full: 50%;\n\n \/* === \u0422\u0415\u041d\u0418 === *\/\n --shadow-sm: 0 1px 3px rgba(0, 31, 84, 0.08);\n --shadow-md: 0 4px 12px rgba(0, 31, 84, 0.12);\n --shadow-lg: 0 8px 30px rgba(0, 31, 84, 0.15);\n --shadow-xl: 0 16px 50px rgba(0, 31, 84, 0.20);\n --shadow-gold: 0 4px 20px rgba(197, 160, 40, 0.3);\n --shadow-red: 0 4px 20px rgba(213, 43, 30, 0.25);\n --shadow-inset: inset 0 2px 8px rgba(0, 0, 0, 0.1);\n\n \/* === \u041f\u0415\u0420\u0415\u0425\u041e\u0414\u042b === *\/\n --transition-fast: 0.15s ease;\n --transition-normal: 0.3s ease;\n --transition-slow: 0.5s ease;\n --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n\n \/* === \u0428\u0418\u0420\u0418\u041d\u0410 \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420\u0410 === *\/\n --container-sm: 640px;\n --container-md: 768px;\n --container-lg: 1024px;\n --container-xl: 1200px;\n --container-2xl: 1400px;\n\n \/* === Z-INDEX === *\/\n --z-dropdown: 100;\n --z-sticky: 200;\n --z-overlay: 300;\n --z-modal: 400;\n --z-toast: 500;\n}\n\n\/* \u2500\u2500 \u0421\u0411\u0420\u041e\u0421 \u0418 \u0411\u0410\u0417\u041e\u0412\u042b\u0415 \u0421\u0422\u0418\u041b\u0418 \u2500\u2500 *\/\n*,\n*::before,\n*::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml {\n font-size: 16px;\n scroll-behavior: smooth;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n font-family: var(--font-body);\n font-size: var(--text-base);\n font-weight: 400;\n line-height: var(--leading-normal);\n color: var(--color-dark);\n background-color: var(--color-cream);\n}\n\nimg {\n max-width: 100%;\n height: auto;\n display: block;\n}\n\na {\n color: var(--color-blue-primary);\n text-decoration: none;\n transition: color var(--transition-fast);\n}\n\na:hover {\n color: var(--color-gold);\n}\n\n\/* \u2500\u2500 \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 \u2500\u2500 *\/\n.container {\n width: 100%;\n max-width: var(--container-xl);\n margin: 0 auto;\n padding: 0 var(--space-6);\n}\n\n.container--wide {\n max-width: var(--container-2xl);\n}\n\n\/* ============================================\n \u0428\u0410\u041f\u041a\u0410 \u0421\u0410\u0419\u0422\u0410 (HEADER)\n ============================================ *\/\n\n\/* \u0412\u0435\u0440\u0445\u043d\u044f\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u0430 \u2014 \u0442\u0440\u0438\u043a\u043e\u043b\u043e\u0440 *\/\n.top-bar {\n background: linear-gradient(90deg,\n var(--color-white) 0%,\n var(--color-white) 33.33%,\n var(--color-blue-primary) 33.33%,\n var(--color-blue-primary) 66.66%,\n var(--color-red-primary) 66.66%,\n var(--color-red-primary) 100%\n );\n height: 4px;\n}\n\n.top-info-bar {\n background-color: var(--color-navy-deep);\n color: var(--color-white);\n padding: var(--space-2) 0;\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n}\n\n.top-info-bar .container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.top-info-bar a {\n color: var(--color-gold-light);\n transition: color var(--transition-fast);\n}\n\n.top-info-bar a:hover {\n color: var(--color-gold-shine);\n}\n\n\/* \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0448\u0430\u043f\u043a\u0430 *\/\n.header {\n background: linear-gradient(180deg, var(--color-navy) 0%, var(--color-navy-deep) 100%);\n padding: var(--space-6) 0;\n position: sticky;\n top: 0;\n z-index: var(--z-sticky);\n box-shadow: var(--shadow-lg);\n}\n\n.header .container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--space-8);\n}\n\n\/* \u041b\u043e\u0433\u043e\u0442\u0438\u043f *\/\n.logo {\n display: flex;\n align-items: center;\n gap: var(--space-4);\n text-decoration: none;\n flex-shrink: 0;\n}\n\n.logo__emblem {\n width: 64px;\n height: 64px;\n background: radial-gradient(circle, var(--color-gold-shine) 0%, var(--color-gold) 60%, var(--color-gold-dark) 100%);\n border-radius: var(--radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--shadow-gold);\n position: relative;\n}\n\n.logo__emblem::after {\n content: '\u2605';\n font-size: 2rem;\n color: var(--color-navy-deep);\n}\n\n.logo__text {\n display: flex;\n flex-direction: column;\n}\n\n.logo__title {\n font-family: var(--font-heading);\n font-size: var(--text-xl);\n font-weight: 700;\n color: var(--color-gold-light);\n letter-spacing: var(--tracking-wide);\n text-transform: uppercase;\n line-height: var(--leading-tight);\n}\n\n.logo__subtitle {\n font-family: var(--font-ui);\n font-size: var(--text-xs);\n color: var(--color-medium-gray);\n letter-spacing: var(--tracking-widest);\n text-transform: uppercase;\n margin-top: var(--space-1);\n}\n\n\/* \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f *\/\n.nav {\n display: flex;\n align-items: center;\n gap: var(--space-1);\n}\n\n.nav__link {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n font-weight: 500;\n color: var(--color-white);\n padding: var(--space-3) var(--space-4);\n border-radius: var(--radius-md);\n transition: all var(--transition-normal);\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n position: relative;\n white-space: nowrap;\n}\n\n.nav__link::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: var(--color-gold);\n transition: width var(--transition-normal);\n}\n\n.nav__link:hover {\n color: var(--color-gold-light);\n background-color: rgba(255, 255, 255, 0.05);\n}\n\n.nav__link:hover::after {\n width: 60%;\n}\n\n.nav__link--active {\n color: var(--color-gold);\n background-color: rgba(197, 160, 40, 0.1);\n}\n\n.nav__link--active::after {\n width: 60%;\n}\n\n\/* ============================================\n HERO-\u0421\u0415\u041a\u0426\u0418\u042f (\u0413\u041b\u0410\u0412\u041d\u042b\u0419 \u0411\u0410\u041d\u041d\u0415\u0420)\n ============================================ *\/\n.hero {\n position: relative;\n min-height: 85vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--color-navy-deep);\n overflow: hidden;\n}\n\n.hero__background {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(\n 180deg,\n rgba(0, 18, 46, 0.7) 0%,\n rgba(0, 31, 84, 0.5) 50%,\n rgba(0, 18, 46, 0.85) 100%\n ),\n url('images\/hero-background.jpg'); \/* \u0424\u043e\u0442\u043e: \u041a\u0440\u0435\u043c\u043b\u044c \/ \u041f\u0430\u0440\u0430\u0434 \u041f\u043e\u0431\u0435\u0434\u044b \/ \u041c\u0435\u043c\u043e\u0440\u0438\u0430\u043b *\/\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n}\n\n\/* \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u0437\u0432\u0435\u0437\u0434\u0430 *\/\n.hero__star-decoration {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 600px;\n height: 600px;\n opacity: 0.03;\n background: radial-gradient(circle, var(--color-gold) 0%, transparent 70%);\n border-radius: var(--radius-full);\n}\n\n.hero__content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n padding: var(--space-16) var(--space-6);\n}\n\n.hero__badge {\n display: inline-flex;\n align-items: center;\n gap: var(--space-2);\n background: rgba(197, 160, 40, 0.15);\n border: 1px solid rgba(197, 160, 40, 0.3);\n color: var(--color-gold-light);\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n font-weight: 600;\n letter-spacing: var(--tracking-widest);\n text-transform: uppercase;\n padding: var(--space-2) var(--space-6);\n border-radius: var(--radius-2xl);\n margin-bottom: var(--space-8);\n}\n\n.hero__title {\n font-family: var(--font-heading);\n font-size: var(--text-hero);\n font-weight: 900;\n color: var(--color-white);\n line-height: var(--leading-tight);\n letter-spacing: var(--tracking-tight);\n margin-bottom: var(--space-6);\n}\n\n.hero__title span {\n color: var(--color-gold);\n display: block;\n}\n\n.hero__description {\n font-family: var(--font-body);\n font-size: var(--text-xl);\n font-weight: 300;\n color: rgba(255, 255, 255, 0.8);\n line-height: var(--leading-relaxed);\n margin-bottom: var(--space-10);\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* \u0413\u0435\u043e\u0440\u0433\u0438\u0435\u0432\u0441\u043a\u0430\u044f \u043b\u0435\u043d\u0442\u0430 \u2014 \u0434\u0435\u043a\u043e\u0440 *\/\n.hero__ribbon {\n position: absolute;\n right: -20px;\n top: 0;\n bottom: 0;\n width: 60px;\n background: repeating-linear-gradient(\n 0deg,\n var(--color-orange-ribbon) 0px,\n var(--color-orange-ribbon) 10px,\n var(--color-dark) 10px,\n var(--color-dark) 20px\n );\n opacity: 0.3;\n}\n\n\/* ============================================\n \u041a\u041d\u041e\u041f\u041a\u0418\n ============================================ *\/\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-2);\n font-family: var(--font-ui);\n font-size: var(--text-base);\n font-weight: 600;\n letter-spacing: var(--tracking-wide);\n text-transform: uppercase;\n padding: var(--space-4) var(--space-8);\n border: 2px solid transparent;\n border-radius: var(--radius-md);\n cursor: pointer;\n transition: all var(--transition-smooth);\n text-decoration: none;\n line-height: 1;\n}\n\n.btn--primary {\n background: linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);\n color: var(--color-navy-deep);\n border-color: var(--color-gold);\n box-shadow: var(--shadow-gold);\n}\n\n.btn--primary:hover {\n background: linear-gradient(135deg, var(--color-gold-shine) 0%, var(--color-gold) 100%);\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(197, 160, 40, 0.4);\n color: var(--color-navy-deep);\n}\n\n.btn--secondary {\n background: transparent;\n color: var(--color-white);\n border-color: rgba(255, 255, 255, 0.4);\n}\n\n.btn--secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--color-white);\n color: var(--color-white);\n}\n\n.btn--red {\n background: linear-gradient(135deg, var(--color-red-primary) 0%, var(--color-red-dark) 100%);\n color: var(--color-white);\n border-color: var(--color-red-primary);\n box-shadow: var(--shadow-red);\n}\n\n.btn--red:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(213, 43, 30, 0.4);\n color: var(--color-white);\n}\n\n.btn--outline-gold {\n background: transparent;\n color: var(--color-gold);\n border-color: var(--color-gold);\n}\n\n.btn--outline-gold:hover {\n background: var(--color-gold);\n color: var(--color-navy-deep);\n}\n\n.btn--lg {\n font-size: var(--text-lg);\n padding: var(--space-5) var(--space-10);\n}\n\n.btn--sm {\n font-size: var(--text-sm);\n padding: var(--space-2) var(--space-5);\n}\n\n.btn-group {\n display: flex;\n gap: var(--space-4);\n justify-content: center;\n flex-wrap: wrap;\n}\n\n\/* ============================================\n \u0421\u0415\u041a\u0426\u0418\u042f \u2014 \u041d\u041e\u0412\u041e\u0421\u0422\u0418\n ============================================ *\/\n.section {\n padding: var(--space-24) 0;\n}\n\n.section--light {\n background-color: var(--color-cream);\n}\n\n.section--white {\n background-color: var(--color-white);\n}\n\n.section--dark {\n background-color: var(--color-navy);\n color: var(--color-white);\n}\n\n.section--blue {\n background: linear-gradient(180deg, var(--color-navy) 0%, var(--color-navy-deep) 100%);\n color: var(--color-white);\n}\n\n\/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0441\u0435\u043a\u0446\u0438\u0439 *\/\n.section-header {\n text-align: center;\n margin-bottom: var(--space-16);\n}\n\n.section-header__label {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n font-weight: 600;\n letter-spacing: var(--tracking-widest);\n text-transform: uppercase;\n color: var(--color-gold);\n margin-bottom: var(--space-4);\n display: block;\n}\n\n.section-header__title {\n font-family: var(--font-heading);\n font-size: var(--text-5xl);\n font-weight: 700;\n color: var(--color-navy);\n line-height: var(--leading-tight);\n margin-bottom: var(--space-4);\n}\n\n.section--dark .section-header__title,\n.section--blue .section-header__title {\n color: var(--color-white);\n}\n\n.section-header__divider {\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, var(--color-gold-dark), var(--color-gold-shine), var(--color-gold-dark));\n margin: var(--space-6) auto;\n border-radius: 2px;\n}\n\n.section-header__description {\n font-size: var(--text-lg);\n color: var(--color-text-gray);\n max-width: 650px;\n margin: 0 auto;\n line-height: var(--leading-relaxed);\n}\n\n.section--dark .section-header__description {\n color: rgba(255, 255, 255, 0.7);\n}\n\n\/* ============================================\n \u041a\u0410\u0420\u0422\u041e\u0427\u041a\u0418 \u041d\u041e\u0412\u041e\u0421\u0422\u0415\u0419\n ============================================ *\/\n.news-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: var(--space-8);\n}\n\n.news-card {\n background: var(--color-white);\n border-radius: var(--radius-lg);\n overflow: hidden;\n box-shadow: var(--shadow-sm);\n transition: all var(--transition-smooth);\n border: 1px solid rgba(0, 31, 84, 0.05);\n}\n\n.news-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shadow-xl);\n}\n\n.news-card__image {\n width: 100%;\n height: 220px;\n object-fit: cover;\n transition: transform var(--transition-slow);\n}\n\n.news-card:hover .news-card__image {\n transform: scale(1.05);\n}\n\n.news-card__image-wrapper {\n overflow: hidden;\n position: relative;\n}\n\n.news-card__category {\n position: absolute;\n top: var(--space-4);\n left: var(--space-4);\n background: var(--color-red-primary);\n color: var(--color-white);\n font-family: var(--font-ui);\n font-size: var(--text-xs);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n padding: var(--space-1) var(--space-3);\n border-radius: var(--radius-sm);\n}\n\n.news-card__body {\n padding: var(--space-6);\n}\n\n.news-card__date {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n color: var(--color-gold-dark);\n font-weight: 500;\n margin-bottom: var(--space-3);\n display: flex;\n align-items: center;\n gap: var(--space-2);\n}\n\n.news-card__title {\n font-family: var(--font-heading);\n font-size: var(--text-xl);\n font-weight: 700;\n color: var(--color-navy);\n line-height: var(--leading-tight);\n margin-bottom: var(--space-3);\n transition: color var(--transition-fast);\n}\n\n.news-card:hover .news-card__title {\n color: var(--color-blue-primary);\n}\n\n.news-card__excerpt {\n font-size: var(--text-sm);\n color: var(--color-text-gray);\n line-height: var(--leading-normal);\n margin-bottom: var(--space-4);\n}\n\n.news-card__link {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n font-weight: 600;\n color: var(--color-blue-primary);\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n display: inline-flex;\n align-items: center;\n gap: var(--space-2);\n transition: all var(--transition-fast);\n}\n\n.news-card__link:hover {\n color: var(--color-gold);\n gap: var(--space-3);\n}\n\n\/* ============================================\n \u0421\u0415\u041a\u0426\u0418\u042f \u2014 \u0413\u0415\u0420\u041e\u0418 (\u041f\u0420\u041e\u0424\u0418\u041b\u0418)\n ============================================ *\/\n.heroes-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--space-8);\n}\n\n.hero-card {\n background: linear-gradient(180deg, var(--color-charcoal) 0%, var(--color-dark) 100%);\n border-radius: var(--radius-lg);\n overflow: hidden;\n text-align: center;\n transition: all var(--transition-smooth);\n border: 1px solid rgba(197, 160, 40, 0.1);\n position: relative;\n}\n\n.hero-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shadow-gold);\n border-color: rgba(197, 160, 40, 0.3);\n}\n\n.hero-card__photo-wrapper {\n position: relative;\n padding: var(--space-8) var(--space-8) 0;\n}\n\n.hero-card__photo {\n width: 160px;\n height: 160px;\n border-radius: var(--radius-full);\n object-fit: cover;\n margin: 0 auto;\n border: 4px solid var(--color-gold);\n box-shadow: var(--shadow-gold);\n}\n\n.hero-card__star {\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--color-gold-shine) 0%, var(--color-gold) 100%);\n width: 36px;\n height: 36px;\n border-radius: var(--radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n color: var(--color-navy-deep);\n box-shadow: var(--shadow-gold);\n}\n\n.hero-card__info {\n padding: var(--space-8) var(--space-6) var(--space-6);\n}\n\n.hero-card__name {\n font-family: var(--font-heading);\n font-size: var(--text-xl);\n font-weight: 700;\n color: var(--color-white);\n margin-bottom: var(--space-2);\n}\n\n.hero-card__title {\n font-family: var(--font-ui);\n font-size: var(--text-xs);\n font-weight: 500;\n color: var(--color-gold-light);\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n margin-bottom: var(--space-3);\n}\n\n.hero-card__description {\n font-size: var(--text-sm);\n color: var(--color-medium-gray);\n line-height: var(--leading-normal);\n}\n\n\/* ============================================\n \u0421\u0422\u0410\u0422\u0418\u0421\u0422\u0418\u041a\u0410 \/ \u0421\u0427\u0401\u0422\u0427\u0418\u041a\u0418\n ============================================ *\/\n.stats {\n background:\n linear-gradient(\n 135deg,\n rgba(0, 18, 46, 0.95) 0%,\n rgba(0, 57, 166, 0.9) 100%\n ),\n url('images\/stats-bg.jpg');\n background-size: cover;\n background-position: center;\n padding: var(--space-20) 0;\n}\n\n.stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--space-8);\n}\n\n.stat-item {\n text-align: center;\n position: relative;\n}\n\n.stat-item::after {\n content: '';\n position: absolute;\n right: 0;\n top: 10%;\n height: 80%;\n width: 1px;\n background: rgba(197, 160, 40, 0.2);\n}\n\n.stat-item:last-child::after {\n display: none;\n}\n\n.stat-item__number {\n font-family: var(--font-heading);\n font-size: var(--text-6xl);\n font-weight: 900;\n color: var(--color-gold);\n line-height: 1;\n margin-bottom: var(--space-3);\n text-shadow: 0 2px 10px rgba(197, 160, 40, 0.3);\n}\n\n.stat-item__label {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n font-weight: 500;\n color: rgba(255, 255, 255, 0.8);\n text-transform: uppercase;\n letter-spacing: var(--tracking-widest);\n}\n\n\/* ============================================\n \u0426\u0418\u0422\u0410\u0422\u0410 \/ \u0411\u041b\u041e\u041a \u041f\u0410\u041c\u042f\u0422\u0418\n ============================================ *\/\n.quote-section {\n background: var(--color-navy-deep);\n padding: var(--space-20) 0;\n position: relative;\n overflow: hidden;\n}\n\n.quote-section::before {\n content: '\"';\n position: absolute;\n top: -40px;\n left: 10%;\n font-family: var(--font-heading);\n font-size: 20rem;\n color: rgba(197, 160, 40, 0.05);\n line-height: 1;\n}\n\n.quote-block {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n position: relative;\n z-index: 2;\n}\n\n.quote-block__text {\n font-family: var(--font-heading);\n font-size: var(--text-3xl);\n font-weight: 400;\n font-style: italic;\n color: var(--color-white);\n line-height: var(--leading-relaxed);\n margin-bottom: var(--space-8);\n}\n\n.quote-block__author {\n font-family: var(--font-ui);\n font-size: var(--text-base);\n color: var(--color-gold);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: var(--tracking-widest);\n}\n\n\/* ============================================\n \u041c\u0415\u0420\u041e\u041f\u0420\u0418\u042f\u0422\u0418\u042f \/ \u0421\u041e\u0411\u042b\u0422\u0418\u042f\n ============================================ *\/\n.events-list {\n display: flex;\n flex-direction: column;\n gap: var(--space-6);\n}\n\n.event-item {\n display: flex;\n align-items: stretch;\n background: var(--color-white);\n border-radius: var(--radius-lg);\n overflow: hidden;\n box-shadow: var(--shadow-sm);\n transition: all var(--transition-smooth);\n border-left: 5px solid var(--color-gold);\n}\n\n.event-item:hover {\n box-shadow: var(--shadow-lg);\n transform: translateX(5px);\n}\n\n.event-item__date-block {\n background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-navy-deep) 100%);\n color: var(--color-white);\n padding: var(--space-6);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-width: 120px;\n}\n\n.event-item__day {\n font-family: var(--font-heading);\n font-size: var(--text-4xl);\n font-weight: 900;\n color: var(--color-gold);\n line-height: 1;\n}\n\n.event-item__month {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n margin-top: var(--space-1);\n color: rgba(255, 255, 255, 0.7);\n}\n\n.event-item__content {\n padding: var(--space-6);\n flex: 1;\n}\n\n.event-item__title {\n font-family: var(--font-heading);\n font-size: var(--text-xl);\n font-weight: 700;\n color: var(--color-navy);\n margin-bottom: var(--space-2);\n}\n\n.event-item__location {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n color: var(--color-text-gray);\n display: flex;\n align-items: center;\n gap: var(--space-2);\n margin-bottom: var(--space-3);\n}\n\n.event-item__description {\n font-size: var(--text-sm);\n color: var(--color-text-gray);\n line-height: var(--leading-normal);\n}\n\n\/* ============================================\n \u0424\u041e\u0422\u041e\u0413\u0410\u041b\u0415\u0420\u0415\u042f\n ============================================ *\/\n.gallery-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-template-rows: repeat(2, 250px);\n gap: var(--space-4);\n}\n\n.gallery-item {\n position: relative;\n border-radius: var(--radius-md);\n overflow: hidden;\n cursor: pointer;\n}\n\n.gallery-item:first-child {\n grid-column: span 2;\n grid-row: span 2;\n}\n\n.gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform var(--transition-slow);\n}\n\n.gallery-item:hover img {\n transform: scale(1.08);\n}\n\n.gallery-item__overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(0deg, rgba(0, 18, 46, 0.7) 0%, transparent 60%);\n opacity: 0;\n transition: opacity var(--transition-normal);\n display: flex;\n align-items: flex-end;\n padding: var(--space-6);\n}\n\n.gallery-item:hover .gallery-item__overlay {\n opacity: 1;\n}\n\n.gallery-item__caption {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n color: var(--color-white);\n font-weight: 500;\n}\n\n\/* ============================================\n \u0424\u041e\u0420\u041c\u0410 \u041e\u0411\u0420\u0410\u0422\u041d\u041e\u0419 \u0421\u0412\u042f\u0417\u0418\n ============================================ *\/\n.form-section {\n background: linear-gradient(135deg, var(--color-blue-pale) 0%, var(--color-cream) 100%);\n}\n\n.contact-form {\n max-width: 700px;\n margin: 0 auto;\n background: var(--color-white);\n padding: var(--space-12);\n border-radius: var(--radius-xl);\n box-shadow: var(--shadow-lg);\n}\n\n.form-group {\n margin-bottom: var(--space-6);\n}\n\n.form-group__label {\n display: block;\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n font-weight: 600;\n color: var(--color-navy);\n margin-bottom: var(--space-2);\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n}\n\n.form-group__input,\n.form-group__textarea {\n width: 100%;\n padding: var(--space-4);\n font-family: var(--font-body);\n font-size: var(--text-base);\n color: var(--color-dark);\n background: var(--color-cream);\n border: 2px solid transparent;\n border-radius: var(--radius-md);\n transition: all var(--transition-normal);\n outline: none;\n}\n\n.form-group__input:focus,\n.form-group__textarea:focus {\n border-color: var(--color-gold);\n background: var(--color-white);\n box-shadow: 0 0 0 4px rgba(197, 160, 40, 0.1);\n}\n\n.form-group__textarea {\n min-height: 150px;\n resize: vertical;\n}\n\n\/* ============================================\n \u041f\u041e\u0414\u0412\u0410\u041b (FOOTER)\n ============================================ *\/\n.footer {\n background: linear-gradient(180deg, var(--color-dark) 0%, #0D0D1A 100%);\n color: var(--color-white);\n padding: var(--space-20) 0 0;\n}\n\n.footer-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1.5fr;\n gap: var(--space-12);\n padding-bottom: var(--space-16);\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.footer__brand-description {\n font-size: var(--text-sm);\n color: var(--color-medium-gray);\n line-height: var(--leading-relaxed);\n margin-top: var(--space-4);\n}\n\n.footer__heading {\n font-family: var(--font-heading);\n font-size: var(--text-lg);\n font-weight: 700;\n color: var(--color-gold-light);\n margin-bottom: var(--space-6);\n}\n\n.footer__links {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: var(--space-3);\n}\n\n.footer__link {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n color: var(--color-medium-gray);\n transition: all var(--transition-fast);\n display: inline-flex;\n align-items: center;\n gap: var(--space-2);\n}\n\n.footer__link:hover {\n color: var(--color-gold);\n transform: translateX(3px);\n}\n\n.footer__contact-item {\n display: flex;\n align-items: flex-start;\n gap: var(--space-3);\n margin-bottom: var(--space-4);\n font-size: var(--text-sm);\n color: var(--color-medium-gray);\n}\n\n.footer__contact-icon {\n color: var(--color-gold);\n font-size: var(--text-lg);\n flex-shrink: 0;\n}\n\n\/* \u041d\u0438\u0436\u043d\u044f\u044f \u043f\u043e\u043b\u043e\u0441\u0430 \u0444\u0443\u0442\u0435\u0440\u0430 *\/\n.footer__bottom {\n padding: var(--space-6) 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: var(--text-sm);\n color: var(--color-text-gray);\n}\n\n\/* \u0422\u0440\u0438\u043a\u043e\u043b\u043e\u0440 \u0432 \u0444\u0443\u0442\u0435\u0440\u0435 *\/\n.footer__tricolor {\n height: 3px;\n background: linear-gradient(90deg,\n var(--color-white) 33.33%,\n var(--color-blue-primary) 33.33%,\n var(--color-blue-primary) 66.66%,\n var(--color-red-primary) 66.66%\n );\n margin-top: var(--space-6);\n}\n\n\/* ============================================\n \u0423\u0422\u0418\u041b\u0418\u0422\u042b\n ============================================ *\/\n\n\/* \u0417\u043e\u043b\u043e\u0442\u043e\u0439 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c \u2014 \u00ab\u0437\u0432\u0451\u0437\u0434\u043e\u0447\u043a\u0430\u00bb *\/\n.divider-star {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-4);\n margin: var(--space-12) 0;\n}\n\n.divider-star::before,\n.divider-star::after {\n content: '';\n flex: 1;\n max-width: 150px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--color-gold), transparent);\n}\n\n.divider-star__icon {\n color: var(--color-gold);\n font-size: var(--text-xl);\n}\n\n\/* \u0422\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u0443\u0442\u0438\u043b\u0438\u0442\u044b *\/\n.text-gold { color: var(--color-gold) !important; }\n.text-navy { color: var(--color-navy) !important; }\n.text-red { color: var(--color-red-primary) !important; }\n.text-white { color: var(--color-white) !important; }\n.text-center { text-align: center; }\n.text-uppercase {\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n}\n\n\/* \u0424\u043e\u043d\u043e\u0432\u044b\u0435 \u0443\u0442\u0438\u043b\u0438\u0442\u044b *\/\n.bg-navy { background-color: var(--color-navy) !important; }\n.bg-dark { background-color: var(--color-dark) !important; }\n.bg-cream { background-color: var(--color-cream) !important; }\n.bg-white { background-color: var(--color-white) !important; }\n\n\/* \u041e\u0442\u0441\u0442\u0443\u043f\u044b *\/\n.mt-0 { margin-top: 0 !important; }\n.mt-4 { margin-top: var(--space-4) !important; }\n.mt-8 { margin-top: var(--space-8) !important; }\n.mt-16 { margin-top: var(--space-16) !important; }\n.mb-0 { margin-bottom: 0 !important; }\n.mb-4 { margin-bottom: var(--space-4) !important; }\n.mb-8 { margin-bottom: var(--space-8) !important; }\n\n\/* ============================================\n \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u041e\u0421\u0422\u042c\n ============================================ *\/\n@media (max-width: 1200px) {\n .heroes-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .footer-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 1024px) {\n :root {\n --text-hero: 3rem;\n --text-6xl: 2.5rem;\n --text-5xl: 2rem;\n }\n\n .news-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .gallery-grid {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(3, 200px);\n }\n\n .gallery-item:first-child {\n grid-column: span 2;\n }\n}\n\n@media (max-width: 768px) {\n :root {\n --text-hero: 2.25rem;\n --text-6xl: 2rem;\n --text-5xl: 1.75rem;\n --text-4xl: 1.5rem;\n --text-3xl: 1.25rem;\n }\n\n .container {\n padding: 0 var(--space-4);\n }\n\n .section {\n padding: var(--space-16) 0;\n }\n\n .hero {\n min-height: 70vh;\n }\n\n .nav {\n display: none; \/* \u0413\u0430\u043c\u0431\u0443\u0440\u0433\u0435\u0440-\u043c\u0435\u043d\u044e \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n }\n\n .news-grid,\n .heroes-grid,\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\n grid-template-rows: auto;\n }\n\n .gallery-item:first-child {\n grid-column: span 1;\n grid-row: span 1;\n }\n\n .footer-grid {\n grid-template-columns: 1fr;\n }\n\n .event-item {\n flex-direction: column;\n }\n\n .event-item__date-block {\n flex-direction: row;\n gap: var(--space-3);\n padding: var(--space-4);\n }\n\n .stat-item::after {\n display: none;\n }\n\n .contact-form {\n padding: var(--space-6);\n }\n\n .btn-group {\n flex-direction: column;\n align-items: center;\n }\n\n .footer__bottom {\n flex-direction: column;\n gap: var(--space-4);\n text-align: center;\n }\n}\n\n\/* ============================================\n \u0410\u041d\u0418\u041c\u0410\u0426\u0418\u0418\n ============================================ *\/\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n}\n\n@keyframes starPulse {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.1); opacity: 0.8; }\n}\n\n.animate-fade-in-up {\n animation: fadeInUp 0.8s ease-out forwards;\n}\n\n.animate-delay-1 { animation-delay: 0.1s; }\n.animate-delay-2 { animation-delay: 0.2s; }\n.animate-delay-3 { animation-delay: 0.3s; }\n.animate-delay-4 { animation-delay: 0.4s; }\n\n.gold-shimmer {\n background: linear-gradient(90deg,\n var(--color-gold-dark) 0%,\n var(--color-gold-shine) 50%,\n var(--color-gold-dark) 100%\n );\n background-size: 200% auto;\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: shimmer 3s linear infinite;\n}\n\n.star-pulse {\n animation: starPulse 2s ease-in-out infinite;\n}\n<\/style>\n\n<meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u00ab\u0413\u0435\u0440\u043e\u0438 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430\u00bb<\/title>\n <link rel=\"stylesheet\" href=\"style.css\">\n\n <!-- \u0428\u0440\u0438\u0444\u0442\u044b -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Montserrat:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n\n\n\n <!-- ===== \u0422\u0420\u0418\u041a\u041e\u041b\u041e\u0420 ===== -->\n <div class=\"top-bar\"><\/div>\n\n <!-- ===== \u0412\u0415\u0420\u0425\u041d\u042f\u042f \u041f\u0410\u041d\u0415\u041b\u042c ===== -->\n <div class=\"top-info-bar\">\n <div class=\"container\">\n <span>\ud83d\udcde +7 (495) 000-00-00  |  \u2709 info@geroiotechestva.ru<\/span>\n <span>\n <a href=\"#\">\u041f\u0440\u0435\u0441\u0441-\u0446\u0435\u043d\u0442\u0440<\/a>  | \n <a href=\"#\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\n <\/span>\n <\/div>\n <\/div>\n\n <!-- ===== \u0428\u0410\u041f\u041a\u0410 ===== -->\n <header class=\"header\">\n <div class=\"container\">\n <a href=\"\/\" class=\"logo\">\n <div class=\"logo__emblem\"><\/div>\n <div class=\"logo__text\">\n <span class=\"logo__title\">\u0413\u0435\u0440\u043e\u0438 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430<\/span>\n <span class=\"logo__subtitle\">\u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u0433\u0435\u0440\u043e\u0435\u0432 \u0420\u043e\u0441\u0441\u0438\u0438<\/span>\n <\/div>\n <\/a>\n\n <nav class=\"nav\">\n <a href=\"#\" class=\"nav__link nav__link--active\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f<\/a>\n <a href=\"#\" class=\"nav__link\">\u041e \u043d\u0430\u0441<\/a>\n <a href=\"#\" class=\"nav__link\">\u0413\u0435\u0440\u043e\u0438<\/a>\n <a href=\"#\" class=\"nav__link\">\u041d\u043e\u0432\u043e\u0441\u0442\u0438<\/a>\n <a href=\"#\" class=\"nav__link\">\u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f<\/a>\n <a href=\"#\" class=\"nav__link\">\u0413\u0430\u043b\u0435\u0440\u0435\u044f<\/a>\n <a href=\"#\" class=\"nav__link\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n <!-- ===== HERO ===== -->\n <section class=\"hero\">\n <div class=\"hero__background\"><\/div>\n <div class=\"hero__star-decoration\"><\/div>\n <div class=\"hero__ribbon\"><\/div>\n\n <div class=\"hero__content\">\n <span class=\"hero__badge\">\u2605 \u0421 2001 \u0433\u043e\u0434\u0430 \u2605<\/span>\n <h1 class=\"hero__title\">\n \u041f\u043e\u043c\u043d\u0438\u043c. \u0413\u043e\u0440\u0434\u0438\u043c\u0441\u044f.\n <span class=\"gold-shimmer\">\u0427\u0442\u0438\u043c \u0433\u0435\u0440\u043e\u0435\u0432.<\/span>\n <\/h1>\n <p class=\"hero__description\">\n \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u00ab\u0413\u0435\u0440\u043e\u0438 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430\u00bb \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0435\u0442 \u0413\u0435\u0440\u043e\u0435\u0432 \u0421\u043e\u0432\u0435\u0442\u0441\u043a\u043e\u0433\u043e \u0421\u043e\u044e\u0437\u0430,\n \u0413\u0435\u0440\u043e\u0435\u0432 \u0420\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u043e\u0439 \u0424\u0435\u0434\u0435\u0440\u0430\u0446\u0438\u0438 \u0438 \u043f\u043e\u043b\u043d\u044b\u0445 \u043a\u0430\u0432\u0430\u043b\u0435\u0440\u043e\u0432 \u043e\u0440\u0434\u0435\u043d\u0430 \u0421\u043b\u0430\u0432\u044b \u0434\u043b\u044f\n \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u043f\u0430\u043c\u044f\u0442\u0438 \u0438 \u0432\u043e\u0441\u043f\u0438\u0442\u0430\u043d\u0438\u044f \u043f\u0430\u0442\u0440\u0438\u043e\u0442\u0438\u0437\u043c\u0430.\n <\/p>\n <div class=\"btn-group\">\n <a href=\"#\" class=\"btn btn--primary btn--lg\">\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435<\/a>\n <a href=\"#\" class=\"btn btn--secondary btn--lg\">\u041d\u0430\u0448\u0438 \u0433\u0435\u0440\u043e\u0438<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== \u0421\u0422\u0410\u0422\u0418\u0421\u0422\u0418\u041a\u0410 ===== -->\n <section class=\"stats\">\n <div class=\"container\">\n <div class=\"stats-grid\">\n <div class=\"stat-item\">\n <div class=\"stat-item__number\">12 000+<\/div>\n <div class=\"stat-item__label\">\u0413\u0435\u0440\u043e\u0435\u0432 \u0420\u043e\u0441\u0441\u0438\u0438<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-item__number\">85<\/div>\n <div class=\"stat-item__label\">\u0420\u0435\u0433\u0438\u043e\u043d\u043e\u0432 \u0420\u043e\u0441\u0441\u0438\u0438<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-item__number\">500+<\/div>\n <div class=\"stat-item__label\">\u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439 \u0432 \u0433\u043e\u0434<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-item__number\">20+<\/div>\n <div class=\"stat-item__label\">\u041b\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u044b<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== \u041d\u041e\u0412\u041e\u0421\u0422\u0418 ===== -->\n <section class=\"section section--light\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-header__label\">\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f<\/span>\n <h2 class=\"section-header__title\">\u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u044f<\/h2>\n <div class=\"section-header__divider\"><\/div>\n <p class=\"section-header__description\">\n \u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u043e\u0441\u0442\u0438 \u043e \u0434\u0435\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0430\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u0438, \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0445 \u0441 \u0433\u0435\u0440\u043e\u044f\u043c\u0438\n \u0438 \u043f\u0430\u0442\u0440\u0438\u043e\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f\u0445 \u043f\u043e \u0432\u0441\u0435\u0439 \u0420\u043e\u0441\u0441\u0438\u0438.\n <\/p>\n <\/div>\n\n <div class=\"news-grid\">\n <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 1 -->\n <article class=\"news-card animate-fade-in-up animate-delay-1\">\n <div class=\"news-card__image-wrapper\">\n <img decoding=\"async\" src=\"images\/news-1.jpg\" alt=\"\u0426\u0435\u0440\u0435\u043c\u043e\u043d\u0438\u044f \u043d\u0430\u0433\u0440\u0430\u0436\u0434\u0435\u043d\u0438\u044f\" class=\"news-card__image\">\n <!-- \u0424\u043e\u0442\u043e: \u0442\u043e\u0440\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0446\u0435\u0440\u0435\u043c\u043e\u043d\u0438\u044f \u0432\u0440\u0443\u0447\u0435\u043d\u0438\u044f \u043d\u0430\u0433\u0440\u0430\u0434 \u0432 \u041a\u0440\u0435\u043c\u043b\u0435 -->\n <span class=\"news-card__category\">\u041d\u0430\u0433\u0440\u0430\u0436\u0434\u0435\u043d\u0438\u0435<\/span>\n <\/div>\n <div class=\"news-card__body\">\n <div class=\"news-card__date\">\ud83d\udcc5 15 \u0434\u0435\u043a\u0430\u0431\u0440\u044f 2024<\/div>\n <h3 class=\"news-card__title\">\u0422\u043e\u0440\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0446\u0435\u0440\u0435\u043c\u043e\u043d\u0438\u044f \u0432\u0440\u0443\u0447\u0435\u043d\u0438\u044f \u0437\u0432\u0451\u0437\u0434 \u0413\u0435\u0440\u043e\u0435\u0432 \u0420\u043e\u0441\u0441\u0438\u0438<\/h3>\n <p class=\"news-card__excerpt\">\n \u0412 \u0413\u0435\u043e\u0440\u0433\u0438\u0435\u0432\u0441\u043a\u043e\u043c \u0437\u0430\u043b\u0435 \u041a\u0440\u0435\u043c\u043b\u044f \u0441\u043e\u0441\u0442\u043e\u044f\u043b\u0430\u0441\u044c \u0442\u043e\u0440\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0446\u0435\u0440\u0435\u043c\u043e\u043d\u0438\u044f\n \u0432\u0440\u0443\u0447\u0435\u043d\u0438\u044f \u0433\u043e\u0441\u0443\u0434\u0430\u0440\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043d\u0430\u0433\u0440\u0430\u0434...\n <\/p>\n <a href=\"#\" class=\"news-card__link\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u2192<\/a>\n <\/div>\n <\/article>\n\n <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 2 -->\n <article class=\"news-card animate-fade-in-up animate-delay-2\">\n <div class=\"news-card__image-wrapper\">\n <img decoding=\"async\" src=\"images\/news-2.jpg\" alt=\"\u0412\u0441\u0442\u0440\u0435\u0447\u0430 \u0441 \u043c\u043e\u043b\u043e\u0434\u0451\u0436\u044c\u044e\" class=\"news-card__image\">\n <!-- \u0424\u043e\u0442\u043e: \u0433\u0435\u0440\u043e\u0439 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u0441\u043e \u0448\u043a\u043e\u043b\u044c\u043d\u0438\u043a\u0430\u043c\u0438 \/ \u043a\u0430\u0434\u0435\u0442\u0430\u043c\u0438 -->\n <span class=\"news-card__category\">\u0412\u043e\u0441\u043f\u0438\u0442\u0430\u043d\u0438\u0435<\/span>\n <\/div>\n <div class=\"news-card__body\">\n <div class=\"news-card__date\">\ud83d\udcc5 10 \u0434\u0435\u043a\u0430\u0431\u0440\u044f 2024<\/div>\n <h3 class=\"news-card__title\">\u0423\u0440\u043e\u043a\u0438 \u043c\u0443\u0436\u0435\u0441\u0442\u0432\u0430 \u0432 \u0448\u043a\u043e\u043b\u0430\u0445 \u0420\u043e\u0441\u0441\u0438\u0438<\/h3>\n <p class=\"news-card__excerpt\">\n \u0413\u0435\u0440\u043e\u0438 \u0420\u043e\u0441\u0441\u0438\u0438 \u043f\u0440\u043e\u0432\u0435\u043b\u0438 \u0441\u0435\u0440\u0438\u044e \u0432\u0441\u0442\u0440\u0435\u0447 \u0441 \u0443\u0447\u0435\u043d\u0438\u043a\u0430\u043c\u0438 \u0448\u043a\u043e\u043b \u0438 \u043a\u0430\u0434\u0435\u0442\u0441\u043a\u0438\u0445\n \u043a\u043e\u0440\u043f\u0443\u0441\u043e\u0432 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b...\n <\/p>\n <a href=\"#\" class=\"news-card__link\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u2192<\/a>\n <\/div>\n <\/article>\n\n <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 3 -->\n <article class=\"news-card animate-fade-in-up animate-delay-3\">\n <div class=\"news-card__image-wrapper\">\n <img decoding=\"async\" src=\"images\/news-3.jpg\" alt=\"\u0414\u0435\u043d\u044c \u0413\u0435\u0440\u043e\u0435\u0432 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430\" class=\"news-card__image\">\n <!-- \u0424\u043e\u0442\u043e: \u0432\u043e\u0437\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u043e\u0432 \u043a \u0412\u0435\u0447\u043d\u043e\u043c\u0443 \u043e\u0433\u043d\u044e \/ \u043c\u0435\u043c\u043e\u0440\u0438\u0430\u043b\u0443 -->\n <span class=\"news-card__category\">\u041f\u0430\u043c\u044f\u0442\u043d\u0430\u044f \u0434\u0430\u0442\u0430<\/span>\n <\/div>\n <div class=\"news-card__body\">\n <div class=\"news-card__date\">\ud83d\udcc5 9 \u0434\u0435\u043a\u0430\u0431\u0440\u044f 2024<\/div>\n <h3 class=\"news-card__title\">\u0414\u0435\u043d\u044c \u0413\u0435\u0440\u043e\u0435\u0432 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430 \u2014 \u0442\u043e\u0440\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f<\/h3>\n <p class=\"news-card__excerpt\">\n 9 \u0434\u0435\u043a\u0430\u0431\u0440\u044f \u043f\u043e \u0432\u0441\u0435\u0439 \u0420\u043e\u0441\u0441\u0438\u0438 \u043f\u0440\u043e\u0448\u043b\u0438 \u0442\u043e\u0440\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f,\n \u043f\u043e\u0441\u0432\u044f\u0449\u0451\u043d\u043d\u044b\u0435 \u0414\u043d\u044e \u0413\u0435\u0440\u043e\u0435\u0432 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430...\n <\/p>\n <a href=\"#\" class=\"news-card__link\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u2192<\/a>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== \u0426\u0418\u0422\u0410\u0422\u0410 ===== -->\n <section class=\"quote-section\">\n <div class=\"container\">\n <div class=\"quote-block\">\n <p class=\"quote-block__text\">\n \u00ab\u0413\u0435\u0440\u043e\u044f\u043c\u0438 \u043d\u0435 \u0440\u043e\u0436\u0434\u0430\u044e\u0442\u0441\u044f, \u0433\u0435\u0440\u043e\u044f\u043c\u0438 \u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u0432 \u0447\u0430\u0441 \u0432\u0435\u043b\u0438\u043a\u0438\u0445 \u0438\u0441\u043f\u044b\u0442\u0430\u043d\u0438\u0439 \u2014\n \u043a\u043e\u0433\u0434\u0430 \u0420\u043e\u0434\u0438\u043d\u0435 \u043d\u0443\u0436\u043d\u0430 \u0442\u0432\u043e\u044f \u0441\u0438\u043b\u0430, \u043e\u0442\u0432\u0430\u0433\u0430 \u0438 \u0431\u0435\u0437\u0437\u0430\u0432\u0435\u0442\u043d\u0430\u044f \u043f\u0440\u0435\u0434\u0430\u043d\u043d\u043e\u0441\u0442\u044c.\u00bb\n <\/p>\n <span class=\"quote-block__author\">\u2014 \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u00ab\u0413\u0435\u0440\u043e\u0438 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430\u00bb<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== \u0413\u0415\u0420\u041e\u0418 ===== -->\n <section class=\"section section--light\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-header__label\">\u0413\u043e\u0440\u0434\u043e\u0441\u0442\u044c \u0420\u043e\u0441\u0441\u0438\u0438<\/span>\n <h2 class=\"section-header__title\">\u041d\u0430\u0448\u0438 \u0433\u0435\u0440\u043e\u0438<\/h2>\n <div class=\"section-header__divider\"><\/div>\n <\/div>\n\n <div class=\"heroes-grid\">\n <div class=\"hero-card\">\n <div class=\"hero-card__photo-wrapper\">\n <img decoding=\"async\" src=\"images\/hero-1.jpg\" alt=\"\u0413\u0435\u0440\u043e\u0439 \u0420\u043e\u0441\u0441\u0438\u0438\" class=\"hero-card__photo\">\n <!-- \u0424\u043e\u0442\u043e: \u043f\u043e\u0440\u0442\u0440\u0435\u0442 \u0433\u0435\u0440\u043e\u044f \u0432 \u0444\u043e\u0440\u043c\u0435, \u043d\u0430 \u0444\u043e\u043d\u0435 \u0444\u043b\u0430\u0433\u0430 -->\n <div class=\"hero-card__star star-pulse\">\u2605<\/div>\n <\/div>\n <div class=\"hero-card__info\">\n <h3 class=\"hero-card__name\">\u0418\u0432\u0430\u043d\u043e\u0432 \u0418\u0432\u0430\u043d \u0418\u0432\u0430\u043d\u043e\u0432\u0438\u0447<\/h3>\n <span class=\"hero-card__title\">\u0413\u0435\u0440\u043e\u0439 \u0420\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u043e\u0439 \u0424\u0435\u0434\u0435\u0440\u0430\u0446\u0438\u0438<\/span>\n <p class=\"hero-card__description\">\n \u0421\u043e\u0432\u0435\u0440\u0448\u0438\u043b \u043f\u043e\u0434\u0432\u0438\u0433 \u043f\u0440\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438 \u0431\u043e\u0435\u0432\u043e\u0433\u043e \u0437\u0430\u0434\u0430\u043d\u0438\u044f, \u043f\u0440\u043e\u044f\u0432\u0438\u0432\n \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043c\u0443\u0436\u0435\u0441\u0442\u0432\u043e \u0438 \u0433\u0435\u0440\u043e\u0438\u0437\u043c.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"hero-card\">\n <div class=\"hero-card__photo-wrapper\">\n <img decoding=\"async\" src=\"images\/hero-2.jpg\" alt=\"\u0413\u0435\u0440\u043e\u0439 \u0420\u043e\u0441\u0441\u0438\u0438\" class=\"hero-card__photo\">\n <div class=\"hero-card__star star-pulse\">\u2605<\/div>\n <\/div>\n <div class=\"hero-card__info\">\n <h3 class=\"hero-card__name\">\u041f\u0435\u0442\u0440\u043e\u0432 \u041f\u0451\u0442\u0440 \u041f\u0435\u0442\u0440\u043e\u0432\u0438\u0447<\/h3>\n <span class=\"hero-card__title\">\u0413\u0435\u0440\u043e\u0439 \u0421\u043e\u0432\u0435\u0442\u0441\u043a\u043e\u0433\u043e \u0421\u043e\u044e\u0437\u0430<\/span>\n <p class=\"hero-card__description\">\n \u0412\u0435\u0442\u0435\u0440\u0430\u043d \u0412\u0435\u043b\u0438\u043a\u043e\u0439 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u0432\u043e\u0439\u043d\u044b, \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a \u043e\u0431\u043e\u0440\u043e\u043d\u044b\n \u0421\u0442\u0430\u043b\u0438\u043d\u0433\u0440\u0430\u0434\u0430 \u0438 \u043e\u0441\u0432\u043e\u0431\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u0415\u0432\u0440\u043e\u043f\u044b.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"hero-card\">\n <div class=\"hero-card__photo-wrapper\">\n <img decoding=\"async\" src=\"images\/hero-3.jpg\" alt=\"\u0413\u0435\u0440\u043e\u0439 \u0420\u043e\u0441\u0441\u0438\u0438\" class=\"hero-card__photo\">\n <div class=\"hero-card__star star-pulse\">\u2605<\/div>\n <\/div>\n <div class=\"hero-card__info\">\n <h3 class=\"hero-card__name\">\u0421\u0438\u0434\u043e\u0440\u043e\u0432\u0430 \u041c\u0430\u0440\u0438\u044f \u0410\u043b\u0435\u043a\u0441\u0435\u0435\u0432\u043d\u0430<\/h3>\n <span class=\"hero-card__title\">\u0413\u0435\u0440\u043e\u0439 \u0420\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u043e\u0439 \u0424\u0435\u0434\u0435\u0440\u0430\u0446\u0438\u0438<\/span>\n <p class=\"hero-card__description\">\n \u041b\u0451\u0442\u0447\u0438\u043a-\u043a\u043e\u0441\u043c\u043e\u043d\u0430\u0432\u0442, \u0441\u043e\u0432\u0435\u0440\u0448\u0438\u043b\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043b\u0451\u0442\u043e\u0432 \u0432 \u043a\u043e\u0441\u043c\u043e\u0441,\n \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0432 \u0440\u0435\u043a\u043e\u0440\u0434 \u043f\u0440\u0435\u0431\u044b\u0432\u0430\u043d\u0438\u044f \u043d\u0430 \u043e\u0440\u0431\u0438\u0442\u0435.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"hero-card\">\n <div class=\"hero-card__photo-wrapper\">\n <img decoding=\"async\" src=\"images\/hero-4.jpg\" alt=\"\u0413\u0435\u0440\u043e\u0439 \u0420\u043e\u0441\u0441\u0438\u0438\" class=\"hero-card__photo\">\n <div class=\"hero-card__star star-pulse\">\u2605<\/div>\n <\/div>\n <div class=\"hero-card__info\">\n <h3 class=\"hero-card__name\">\u041a\u043e\u0437\u043b\u043e\u0432 \u0410\u043d\u0434\u0440\u0435\u0439 \u0412\u0438\u043a\u0442\u043e\u0440\u043e\u0432\u0438\u0447<\/h3>\n <span class=\"hero-card__title\">\u0413\u0435\u0440\u043e\u0439 \u0420\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u043e\u0439 \u0424\u0435\u0434\u0435\u0440\u0430\u0446\u0438\u0438<\/span>\n <p class=\"hero-card__description\">\n \u0421\u043f\u0430\u0441\u0430\u0442\u0435\u043b\u044c \u041c\u0427\u0421, \u0441\u043f\u0430\u0441 \u0434\u0435\u0441\u044f\u0442\u043a\u0438 \u0436\u0438\u0437\u043d\u0435\u0439 \u043f\u0440\u0438 \u043b\u0438\u043a\u0432\u0438\u0434\u0430\u0446\u0438\u0438\n \u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0439 \u0447\u0440\u0435\u0437\u0432\u044b\u0447\u0430\u0439\u043d\u044b\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0439.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== \u041c\u0415\u0420\u041e\u041f\u0420\u0418\u042f\u0422\u0418\u042f ===== -->\n <section class=\"section section--white\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-header__label\">\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c<\/span>\n <h2 class=\"section-header__title\">\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0435 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f<\/h2>\n <div class=\"section-header__divider\"><\/div>\n <\/div>\n\n <div class=\"events-list\">\n <div class=\"event-item\">\n <div class=\"event-item__date-block\">\n <span class=\"event-item__day\">23<\/span>\n <span class=\"event-item__month\">\u0424\u0435\u0432\u0440\u0430\u043b\u044f<\/span>\n <\/div>\n <div class=\"event-item__content\">\n <h3 class=\"event-item__title\">\u0414\u0435\u043d\u044c \u0437\u0430\u0449\u0438\u0442\u043d\u0438\u043a\u0430 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430 \u2014 \u0442\u043e\u0440\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u0451\u043c<\/h3>\n <div class=\"event-item__location\">\ud83d\udccd \u041c\u043e\u0441\u043a\u0432\u0430, \u041a\u0440\u0435\u043c\u043b\u0451\u0432\u0441\u043a\u0438\u0439 \u0434\u0432\u043e\u0440\u0435\u0446<\/div>\n <p class=\"event-item__description\">\n \u0422\u043e\u0440\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u0451\u043c \u0432 \u0447\u0435\u0441\u0442\u044c \u0414\u043d\u044f \u0437\u0430\u0449\u0438\u0442\u043d\u0438\u043a\u0430 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430 \u0441 \u0443\u0447\u0430\u0441\u0442\u0438\u0435\u043c\n \u0413\u0435\u0440\u043e\u0435\u0432 \u0420\u043e\u0441\u0441\u0438\u0438 \u0438 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u0441\u0442\u0440\u0430\u043d\u044b.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"event-item\">\n <div class=\"event-item__date-block\">\n <span class=\"event-item__day\">09<\/span>\n <span class=\"event-item__month\">\u041c\u0430\u044f<\/span>\n <\/div>\n <div class=\"event-item__content\">\n <h3 class=\"event-item__title\">\u0414\u0435\u043d\u044c \u041f\u043e\u0431\u0435\u0434\u044b \u2014 \u0448\u0435\u0441\u0442\u0432\u0438\u0435 \u0411\u0435\u0441\u0441\u043c\u0435\u0440\u0442\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u043a\u0430<\/h3>\n <div class=\"event-item__location\">\ud83d\udccd \u0412\u0441\u044f \u0420\u043e\u0441\u0441\u0438\u044f<\/div>\n <p class=\"event-item__description\">\n \u0423\u0447\u0430\u0441\u0442\u0438\u0435 \u0447\u043b\u0435\u043d\u043e\u0432 \u0430\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u0438 \u0432 \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u0447\u043d\u044b\u0445 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f\u0445, \u043f\u043e\u0441\u0432\u044f\u0449\u0451\u043d\u043d\u044b\u0445\n 79-\u0439 \u0433\u043e\u0434\u043e\u0432\u0449\u0438\u043d\u0435 \u041f\u043e\u0431\u0435\u0434\u044b \u0432 \u0412\u0435\u043b\u0438\u043a\u043e\u0439 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u0432\u043e\u0439\u043d\u0435.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"event-item\">\n <div class=\"event-item__date-block\">\n <span class=\"event-item__day\">09<\/span>\n <span class=\"event-item__month\">\u0414\u0435\u043a\u0430\u0431\u0440\u044f<\/span>\n <\/div>\n <div class=\"event-item__content\">\n <h3 class=\"event-item__title\">\u0414\u0435\u043d\u044c \u0413\u0435\u0440\u043e\u0435\u0432 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430<\/h3>\n <div class=\"event-item__location\">\ud83d\udccd \u041c\u043e\u0441\u043a\u0432\u0430, \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440\u043e\u0432\u0441\u043a\u0438\u0439 \u0441\u0430\u0434<\/div>\n <p class=\"event-item__description\">\n \u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u0435\u0436\u0435\u0433\u043e\u0434\u043d\u043e\u0435 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0435 \u0430\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u0438 \u2014 \u0432\u043e\u0437\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u043e\u0432,\n \u0432\u0441\u0442\u0440\u0435\u0447\u0438 \u0441 \u043c\u043e\u043b\u043e\u0434\u0451\u0436\u044c\u044e, \u0442\u043e\u0440\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043a\u043e\u043d\u0446\u0435\u0440\u0442.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== \u0413\u0410\u041b\u0415\u0420\u0415\u042f ===== -->\n <section class=\"section section--light\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-header__label\">\u0424\u043e\u0442\u043e\u0430\u0440\u0445\u0438\u0432<\/span>\n <h2 class=\"section-header__title\">\u0413\u0430\u043b\u0435\u0440\u0435\u044f<\/h2>\n <div class=\"section-header__divider\"><\/div>\n <\/div>\n\n <div class=\"gallery-grid\">\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"images\/gallery-1.jpg\" alt=\"\u041f\u0430\u0440\u0430\u0434 \u041f\u043e\u0431\u0435\u0434\u044b\">\n <!-- \u0424\u043e\u0442\u043e: \u041f\u0430\u0440\u0430\u0434 \u043d\u0430 \u041a\u0440\u0430\u0441\u043d\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u0438 -->\n <div class=\"gallery-item__overlay\">\n <span class=\"gallery-item__caption\">\u041f\u0430\u0440\u0430\u0434 \u041f\u043e\u0431\u0435\u0434\u044b \u043d\u0430 \u041a\u0440\u0430\u0441\u043d\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u0438<\/span>\n <\/div>\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"images\/gallery-2.jpg\" alt=\"\u0412\u043e\u0437\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u0435\u043d\u043a\u043e\u0432\">\n <!-- \u0424\u043e\u0442\u043e: \u0412\u043e\u0437\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0446\u0432\u0435\u0442\u043e\u0432 \u043a \u041c\u043e\u0433\u0438\u043b\u0435 \u041d\u0435\u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0421\u043e\u043b\u0434\u0430\u0442\u0430 -->\n <div class=\"gallery-item__overlay\">\n <span class=\"gallery-item__caption\">\u0412\u043e\u0437\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u0435\u043d\u043a\u043e\u0432<\/span>\n <\/div>\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"images\/gallery-3.jpg\" alt=\"\u0423\u0440\u043e\u043a \u043c\u0443\u0436\u0435\u0441\u0442\u0432\u0430\">\n <!-- \u0424\u043e\u0442\u043e: \u0413\u0435\u0440\u043e\u0439 \u0432\u044b\u0441\u0442\u0443\u043f\u0430\u0435\u0442 \u043f\u0435\u0440\u0435\u0434 \u0448\u043a\u043e\u043b\u044c\u043d\u0438\u043a\u0430\u043c\u0438 -->\n <div class=\"gallery-item__overlay\">\n <span class=\"gallery-item__caption\">\u0423\u0440\u043e\u043a\u0438 \u043c\u0443\u0436\u0435\u0441\u0442\u0432\u0430<\/span>\n <\/div>\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"images\/gallery-4.jpg\" alt=\"\u041d\u0430\u0433\u0440\u0430\u0436\u0434\u0435\u043d\u0438\u0435\">\n <!-- \u0424\u043e\u0442\u043e: \u0412\u0440\u0443\u0447\u0435\u043d\u0438\u0435 \u0437\u0432\u0435\u0437\u0434\u044b \u0413\u0435\u0440\u043e\u044f -->\n <div class=\"gallery-item__overlay\">\n <span class=\"gallery-item__caption\">\u0426\u0435\u0440\u0435\u043c\u043e\u043d\u0438\u044f \u043d\u0430\u0433\u0440\u0430\u0436\u0434\u0435\u043d\u0438\u044f<\/span>\n <\/div>\n <\/div>\n <div class=\"gallery-item\">\n <img decoding=\"async\" src=\"images\/gallery-5.jpg\" alt=\"\u0412\u0441\u0442\u0440\u0435\u0447\u0430 \u0432\u0435\u0442\u0435\u0440\u0430\u043d\u043e\u0432\">\n <!-- \u0424\u043e\u0442\u043e: \u0412\u0435\u0442\u0435\u0440\u0430\u043d\u044b \u043d\u0430 \u0432\u0441\u0442\u0440\u0435\u0447\u0435, \u043e\u0440\u0434\u0435\u043d\u0430 \u043a\u0440\u0443\u043f\u043d\u044b\u043c \u043f\u043b\u0430\u043d\u043e\u043c -->\n <div class=\"gallery-item__overlay\">\n <span class=\"gallery-item__caption\">\u0412\u0441\u0442\u0440\u0435\u0447\u0430 \u043f\u043e\u043a\u043e\u043b\u0435\u043d\u0438\u0439<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== \u041f\u041e\u0414\u0412\u0410\u041b ===== -->\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div>\n <a href=\"\/\" class=\"logo\">\n <div class=\"logo__emblem\"><\/div>\n <div class=\"logo__text\">\n <span class=\"logo__title\">\u0413\u0435\u0440\u043e\u0438 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430<\/span>\n <span class=\"logo__subtitle\">\u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u0433\u0435\u0440\u043e\u0435\u0432 \u0420\u043e\u0441\u0441\u0438\u0438<\/span>\n <\/div>\n <\/a>\n <p class=\"footer__brand-description\">\n \u041e\u0431\u0449\u0435\u0440\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u0430\u044f \u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f \u00ab\u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u0413\u0435\u0440\u043e\u0435\u0432\u00bb \u2014\n \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0435 \u0413\u0435\u0440\u043e\u0435\u0432 \u0421\u043e\u0432\u0435\u0442\u0441\u043a\u043e\u0433\u043e \u0421\u043e\u044e\u0437\u0430, \u0413\u0435\u0440\u043e\u0435\u0432 \u0420\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u043e\u0439 \u0424\u0435\u0434\u0435\u0440\u0430\u0446\u0438\u0438\n \u0438 \u043f\u043e\u043b\u043d\u044b\u0445 \u043a\u0430\u0432\u0430\u043b\u0435\u0440\u043e\u0432 \u043e\u0440\u0434\u0435\u043d\u0430 \u0421\u043b\u0430\u0432\u044b. \u041c\u044b \u0445\u0440\u0430\u043d\u0438\u043c \u043f\u0430\u043c\u044f\u0442\u044c \u043e \u043f\u043e\u0434\u0432\u0438\u0433\u0430\u0445\n \u0438 \u0432\u043e\u0441\u043f\u0438\u0442\u044b\u0432\u0430\u0435\u043c \u043d\u043e\u0432\u043e\u0435 \u043f\u043e\u043a\u043e\u043b\u0435\u043d\u0438\u0435 \u043f\u0430\u0442\u0440\u0438\u043e\u0442\u043e\u0432.\n <\/p>\n <\/div>\n\n <div>\n <h4 class=\"footer__heading\">\u0420\u0430\u0437\u0434\u0435\u043b\u044b<\/h4>\n <ul class=\"footer__links\">\n <li><a href=\"#\" class=\"footer__link\">\u2192 \u041e \u043d\u0430\u0441<\/a><\/li>\n <li><a href=\"#\" class=\"footer__link\">\u2192 \u0413\u0435\u0440\u043e\u0438 \u0420\u043e\u0441\u0441\u0438\u0438<\/a><\/li>\n <li><a href=\"#\" class=\"footer__link\">\u2192 \u041d\u043e\u0432\u043e\u0441\u0442\u0438<\/a><\/li>\n <li><a href=\"#\" class=\"footer__link\">\u2192 \u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f<\/a><\/li>\n <li><a href=\"#\" class=\"footer__link\">\u2192 \u0413\u0430\u043b\u0435\u0440\u0435\u044f<\/a><\/li>\n <li><a href=\"#\" class=\"footer__link\">\u2192 \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4 class=\"footer__heading\">\u041f\u0440\u043e\u0435\u043a\u0442\u044b<\/h4>\n <ul class=\"footer__links\">\n <li><a href=\"#\" class=\"footer__link\">\u2192 \u0423\u0440\u043e\u043a\u0438 \u043c\u0443\u0436\u0435\u0441\u0442\u0432\u0430<\/a><\/li>\n <li><a href=\"#\" class=\"footer__link\">\u2192 \u0411\u0435\u0441\u0441\u043c\u0435\u0440\u0442\u043d\u044b\u0439 \u043f\u043e\u043b\u043a<\/a><\/li>\n <li><a href=\"#\" class=\"footer__link\">\u2192 \u041a\u043d\u0438\u0433\u0430 \u043f\u0430\u043c\u044f\u0442\u0438<\/a><\/li>\n <li><a href=\"#\" class=\"footer__link\">\u2192 \u041c\u043e\u043b\u043e\u0434\u0451\u0436\u043d\u044b\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b<\/a><\/li>\n <li><a href=\"#\" class=\"footer__link\">\u2192 \u041f\u0430\u0442\u0440\u0438\u043e\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0432\u043e\u0441\u043f\u0438\u0442\u0430\u043d\u0438\u0435<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4 class=\"footer__heading\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h4>\n <div class=\"footer__contact-item\">\n <span class=\"footer__contact-icon\">\ud83d\udccd<\/span>\n <span>\u041c\u043e\u0441\u043a\u0432\u0430, \u0443\u043b. \u0411\u043e\u043b\u044c\u0448\u0430\u044f \u041b\u0443\u0431\u044f\u043d\u043a\u0430, \u0434. 00, \u0441\u0442\u0440. 0<\/span>\n <\/div>\n <div class=\"footer__contact-item\">\n <span class=\"footer__contact-icon\">\ud83d\udcde<\/span>\n <span>+7 (495) 000-00-00<\/span>\n <\/div>\n <div class=\"footer__contact-item\">\n <span class=\"footer__contact-icon\">\u2709\ufe0f<\/span>\n <span>info@geroiotechestva.ru<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer__bottom\">\n <span>\u00a9 2024 \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u00ab\u0413\u0435\u0440\u043e\u0438 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430\u00bb. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b.<\/span>\n <span>\n <a href=\"#\" class=\"footer__link\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>\n <\/span>\n <\/div>\n <\/div>\n <div class=\"footer__tricolor\"><\/div>\n <\/footer>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u00ab\u0413\u0435\u0440\u043e\u0438 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430\u00bb<\/title>\n <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 Google Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Russo+One&family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* --- CSS \u041f\u0415\u0420\u0415\u041c\u0415\u041d\u041d\u042b\u0415 (\u0414\u0418\u0417\u0410\u0419\u041d-\u0422\u041e\u041a\u0415\u041d\u042b) --- *\/\n :root {\n \/* \u041f\u0430\u043b\u0438\u0442\u0440\u0430 *\/\n --color-primary: #002147; \/* \u0422\u0435\u043c\u043d\u043e-\u0441\u0438\u043d\u0438\u0439 *\/\n --color-secondary: #8B0000; \/* \u0422\u0435\u043c\u043d\u043e-\u0431\u043e\u0440\u0434\u043e\u0432\u044b\u0439 *\/\n --color-accent: #D4AF37; \/* \u0417\u043e\u043b\u043e\u0442\u043e\u0439 \u043c\u0435\u0442\u0430\u043b\u043b\u0438\u043a *\/\n --color-bg: #F8F5F0; \/* \u0421\u043b\u043e\u043d\u043e\u0432\u0430\u044f \u043a\u043e\u0441\u0442\u044c *\/\n --color-bg-alt: #FFFFFF; \/* \u0427\u0438\u0441\u0442\u044b\u0439 \u0431\u0435\u043b\u044b\u0439 *\/\n --color-text-main: #1A1A1A; \/* \u0423\u0433\u043e\u043b\u044c\u043d\u044b\u0439 *\/\n --color-text-muted: #555555; \/* \u0421\u0435\u0440\u044b\u0439 *\/\n \n \/* \u0422\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430 *\/\n --font-heading: 'Russo One', sans-serif; \/* \u0414\u043b\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u0432 *\/\n --font-body: 'Inter', sans-serif; \/* \u0414\u043b\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 *\/\n --font-nav: 'Montserrat', sans-serif; \/* \u0414\u043b\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n \n \/* \u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e *\/\n --spacing-xs: 0.5rem;\n --spacing-sm: 1rem;\n --spacing-md: 2rem;\n --spacing-lg: 4rem;\n --spacing-xl: 6rem;\n \n \/* \u0413\u0440\u0430\u043d\u0438\u0446\u044b \u0438 \u0442\u0435\u043d\u0438 *\/\n --border-radius: 4px; \/* \u0421\u043b\u0435\u0433\u043a\u0430 \u0443\u0433\u043b\u043e\u0432\u0430\u0442\u044b\u0435, \u0441\u0442\u0440\u043e\u0433\u043e *\/\n --shadow-card: 0 4px 20px rgba(0, 33, 71, 0.08);\n --shadow-hover: 0 8px 30px rgba(0, 33, 71, 0.12);\n \n \/* \u041c\u0430\u043a\u0435\u0442 *\/\n --container-width: 1200px;\n --header-height: 80px;\n }\n\n \/* --- \u0411\u0410\u0417\u041e\u0412\u042b\u0415 \u0421\u0422\u0418\u041b\u0418 --- *\/\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: var(--font-body);\n background-color: var(--color-bg);\n color: var(--color-text-main);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family: var(--font-heading);\n font-weight: 400;\n line-height: 1.2;\n color: var(--color-primary);\n margin-bottom: var(--spacing-sm);\n }\n\n h1 { font-size: 2.5rem; letter-spacing: 0.5px; }\n h2 { font-size: 2rem; position: relative; padding-bottom: var(--spacing-sm); }\n h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background-color: var(--color-accent);\n }\n h3 { font-size: 1.5rem; color: var(--color-secondary); }\n\n p {\n margin-bottom: var(--spacing-sm);\n color: var(--color-text-muted);\n font-size: 1.05rem;\n }\n\n a {\n text-decoration: none;\n color: inherit;\n transition: color 0.3s ease;\n }\n\n img {\n max-width: 100%;\n height: auto;\n display: block;\n }\n\n .container {\n max-width: var(--container-width);\n margin: 0 auto;\n padding: 0 var(--spacing-md);\n }\n\n .section {\n padding: var(--spacing-xl) 0;\n }\n\n .text-center { text-align: center; }\n .text-center h2::after { left: 50%; transform: translateX(-50%); }\n\n \/* --- \u041a\u041d\u041e\u041f\u041a\u0418 --- *\/\n .btn {\n display: inline-block;\n padding: 12px 28\n\n\n\n<style data-wp-block-html=\"css\">\nCSS\n\n\/* ============================================\n \u0414\u0418\u0417\u0410\u0419\u041d-\u0421\u0418\u0421\u0422\u0415\u041c\u0410: \u0410\u0421\u0421\u041e\u0426\u0418\u0410\u0426\u0418\u042f \u0413\u0415\u0420\u041e\u0418 \u041e\u0422\u0415\u0427\u0415\u0421\u0422\u0412\u0410\n ============================================ *\/\n\n\/* \u2500\u2500 \u0428\u0420\u0418\u0424\u0422\u042b \u2500\u2500 *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Montserrat:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');\n\n\/* \u2500\u2500 CSS-\u041f\u0415\u0420\u0415\u041c\u0415\u041d\u041d\u042b\u0415 (\u0422\u041e\u041a\u0415\u041d\u042b \u0414\u0418\u0417\u0410\u0419\u041d\u0410) \u2500\u2500 *\/\n:root {\n \/* === \u0426\u0412\u0415\u0422\u041e\u0412\u0410\u042f \u041f\u0410\u041b\u0418\u0422\u0420\u0410 === *\/\n\n \/* \u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0446\u0432\u0435\u0442\u0430 \u2014 \u0442\u0440\u0438\u043a\u043e\u043b\u043e\u0440 *\/\n --color-white: #FFFFFF;\n --color-blue-primary: #0039A6; \/* \u0421\u0438\u043d\u0438\u0439 \u0444\u043b\u0430\u0433\u0430 \u0420\u0424 *\/\n --color-red-primary: #D52B1E; \/* \u041a\u0440\u0430\u0441\u043d\u044b\u0439 \u0444\u043b\u0430\u0433\u0430 \u0420\u0424 *\/\n\n \/* \u0417\u043e\u043b\u043e\u0442\u043e\u0439 \u2014 \u043e\u0440\u0434\u0435\u043d\u0430, \u0437\u0432\u0451\u0437\u0434\u044b \u0433\u0435\u0440\u043e\u0435\u0432 *\/\n --color-gold: #C5A028;\n --color-gold-light: #D4AF37;\n --color-gold-dark: #A07D1C;\n --color-gold-shine: #F5D061;\n\n \/* \u0422\u0451\u043c\u043d\u044b\u0435 \u0442\u043e\u043d\u0430 \u2014 \u0441\u0442\u0440\u043e\u0433\u043e\u0441\u0442\u044c, \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c *\/\n --color-navy: #001F54;\n --color-navy-deep: #00122E;\n --color-dark: #1A1A2E;\n --color-charcoal: #2C2C3A;\n\n \/* \u0421\u0432\u0435\u0442\u043b\u044b\u0435 \u0442\u043e\u043d\u0430 *\/\n --color-cream: #FAF8F0;\n --color-light-gray: #F0EDE5;\n --color-medium-gray: #B8B5AD;\n --color-text-gray: #6B6B6B;\n\n \/* \u0410\u043a\u0446\u0435\u043d\u0442\u044b *\/\n --color-red-dark: #8B1A10;\n --color-blue-light: #1A5BC4;\n --color-blue-pale: #E8EEF8;\n --color-green-ribbon: #2E7D32; \/* \u0413\u0435\u043e\u0440\u0433\u0438\u0435\u0432\u0441\u043a\u0430\u044f \u043b\u0435\u043d\u0442\u0430 *\/\n --color-orange-ribbon:#FF8F00; \/* \u0413\u0435\u043e\u0440\u0433\u0438\u0435\u0432\u0441\u043a\u0430\u044f \u043b\u0435\u043d\u0442\u0430 *\/\n\n \/* \u0421\u0442\u0430\u0442\u0443\u0441\u043d\u044b\u0435 \u0446\u0432\u0435\u0442\u0430 *\/\n --color-success: #2E7D32;\n --color-warning: #E65100;\n --color-info: #0277BD;\n\n \/* === \u0422\u0418\u041f\u041e\u0413\u0420\u0410\u0424\u0418\u041a\u0410 === *\/\n --font-heading: 'Playfair Display', 'Georgia', serif;\n --font-body: 'Montserrat', 'Arial', sans-serif;\n --font-ui: 'Roboto', 'Helvetica Neue', sans-serif;\n\n \/* \u0420\u0430\u0437\u043c\u0435\u0440\u044b \u0448\u0440\u0438\u0444\u0442\u043e\u0432 *\/\n --text-xs: 0.75rem; \/* 12px *\/\n --text-sm: 0.875rem; \/* 14px *\/\n --text-base: 1rem; \/* 16px *\/\n --text-lg: 1.125rem; \/* 18px *\/\n --text-xl: 1.25rem; \/* 20px *\/\n --text-2xl: 1.5rem; \/* 24px *\/\n --text-3xl: 1.875rem; \/* 30px *\/\n --text-4xl: 2.25rem; \/* 36px *\/\n --text-5xl: 3rem; \/* 48px *\/\n --text-6xl: 3.75rem; \/* 60px *\/\n --text-hero: 4.5rem; \/* 72px *\/\n\n \/* \u041c\u0435\u0436\u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b *\/\n --leading-tight: 1.2;\n --leading-normal: 1.6;\n --leading-relaxed: 1.8;\n\n \/* \u041c\u0435\u0436\u0431\u0443\u043a\u0432\u0435\u043d\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0432\u0430\u043b *\/\n --tracking-tight: -0.02em;\n --tracking-normal: 0;\n --tracking-wide: 0.05em;\n --tracking-widest: 0.15em;\n\n \/* === \u041e\u0422\u0421\u0422\u0423\u041f\u042b === *\/\n --space-1: 0.25rem;\n --space-2: 0.5rem;\n --space-3: 0.75rem;\n --space-4: 1rem;\n --space-5: 1.25rem;\n --space-6: 1.5rem;\n --space-8: 2rem;\n --space-10: 2.5rem;\n --space-12: 3rem;\n --space-16: 4rem;\n --space-20: 5rem;\n --space-24: 6rem;\n --space-32: 8rem;\n\n \/* === \u0421\u041a\u0420\u0423\u0413\u041b\u0415\u041d\u0418\u042f === *\/\n --radius-sm: 4px;\n --radius-md: 8px;\n --radius-lg: 12px;\n --radius-xl: 16px;\n --radius-2xl: 24px;\n --radius-full: 50%;\n\n \/* === \u0422\u0415\u041d\u0418 === *\/\n --shadow-sm: 0 1px 3px rgba(0, 31, 84, 0.08);\n --shadow-md: 0 4px 12px rgba(0, 31, 84, 0.12);\n --shadow-lg: 0 8px 30px rgba(0, 31, 84, 0.15);\n --shadow-xl: 0 16px 50px rgba(0, 31, 84, 0.20);\n --shadow-gold: 0 4px 20px rgba(197, 160, 40, 0.3);\n --shadow-red: 0 4px 20px rgba(213, 43, 30, 0.25);\n --shadow-inset: inset 0 2px 8px rgba(0, 0, 0, 0.1);\n\n \/* === \u041f\u0415\u0420\u0415\u0425\u041e\u0414\u042b === *\/\n --transition-fast: 0.15s ease;\n --transition-normal: 0.3s ease;\n --transition-slow: 0.5s ease;\n --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n\n \/* === \u0428\u0418\u0420\u0418\u041d\u0410 \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420\u0410 === *\/\n --container-sm: 640px;\n --container-md: 768px;\n --container-lg: 1024px;\n --container-xl: 1200px;\n --container-2xl: 1400px;\n\n \/* === Z-INDEX === *\/\n --z-dropdown: 100;\n --z-sticky: 200;\n --z-overlay: 300;\n --z-modal: 400;\n --z-toast: 500;\n}\n\n\/* \u2500\u2500 \u0421\u0411\u0420\u041e\u0421 \u0418 \u0411\u0410\u0417\u041e\u0412\u042b\u0415 \u0421\u0422\u0418\u041b\u0418 \u2500\u2500 *\/\n*,\n*::before,\n*::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml {\n font-size: 16px;\n scroll-behavior: smooth;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n font-family: var(--font-body);\n font-size: var(--text-base);\n font-weight: 400;\n line-height: var(--leading-normal);\n color: var(--color-dark);\n background-color: var(--color-cream);\n}\n\nimg {\n max-width: 100%;\n height: auto;\n display: block;\n}\n\na {\n color: var(--color-blue-primary);\n text-decoration: none;\n transition: color var(--transition-fast);\n}\n\na:hover {\n color: var(--color-gold);\n}\n\n\/* \u2500\u2500 \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 \u2500\u2500 *\/\n.container {\n width: 100%;\n max-width: var(--container-xl);\n margin: 0 auto;\n padding: 0 var(--space-6);\n}\n\n.container--wide {\n max-width: var(--container-2xl);\n}\n\n\/* ============================================\n \u0428\u0410\u041f\u041a\u0410 \u0421\u0410\u0419\u0422\u0410 (HEADER)\n ============================================ *\/\n\n\/* \u0412\u0435\u0440\u0445\u043d\u044f\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u0430 \u2014 \u0442\u0440\u0438\u043a\u043e\u043b\u043e\u0440 *\/\n.top-bar {\n background: linear-gradient(90deg,\n var(--color-white) 0%,\n var(--color-white) 33.33%,\n var(--color-blue-primary) 33.33%,\n var(--color-blue-primary) 66.66%,\n var(--color-red-primary) 66.66%,\n var(--color-red-primary) 100%\n );\n height: 4px;\n}\n\n.top-info-bar {\n background-color: var(--color-navy-deep);\n color: var(--color-white);\n padding: var(--space-2) 0;\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n}\n\n.top-info-bar .container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.top-info-bar a {\n color: var(--color-gold-light);\n transition: color var(--transition-fast);\n}\n\n.top-info-bar a:hover {\n color: var(--color-gold-shine);\n}\n\n\/* \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0448\u0430\u043f\u043a\u0430 *\/\n.header {\n background: linear-gradient(180deg, var(--color-navy) 0%, var(--color-navy-deep) 100%);\n padding: var(--space-6) 0;\n position: sticky;\n top: 0;\n z-index: var(--z-sticky);\n box-shadow: var(--shadow-lg);\n}\n\n.header .container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--space-8);\n}\n\n\/* \u041b\u043e\u0433\u043e\u0442\u0438\u043f *\/\n.logo {\n display: flex;\n align-items: center;\n gap: var(--space-4);\n text-decoration: none;\n flex-shrink: 0;\n}\n\n.logo__emblem {\n width: 64px;\n height: 64px;\n background: radial-gradient(circle, var(--color-gold-shine) 0%, var(--color-gold) 60%, var(--color-gold-dark) 100%);\n border-radius: var(--radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--shadow-gold);\n position: relative;\n}\n\n.logo__emblem::after {\n content: '\u2605';\n font-size: 2rem;\n color: var(--color-navy-deep);\n}\n\n.logo__text {\n display: flex;\n flex-direction: column;\n}\n\n.logo__title {\n font-family: var(--font-heading);\n font-size: var(--text-xl);\n font-weight: 700;\n color: var(--color-gold-light);\n letter-spacing: var(--tracking-wide);\n text-transform: uppercase;\n line-height: var(--leading-tight);\n}\n\n.logo__subtitle {\n font-family: var(--font-ui);\n font-size: var(--text-xs);\n color: var(--color-medium-gray);\n letter-spacing: var(--tracking-widest);\n text-transform: uppercase;\n margin-top: var(--space-1);\n}\n\n\/* \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f *\/\n.nav {\n display: flex;\n align-items: center;\n gap: var(--space-1);\n}\n\n.nav__link {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n font-weight: 500;\n color: var(--color-white);\n padding: var(--space-3) var(--space-4);\n border-radius: var(--radius-md);\n transition: all var(--transition-normal);\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n position: relative;\n white-space: nowrap;\n}\n\n.nav__link::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 2px;\n background: var(--color-gold);\n transition: width var(--transition-normal);\n}\n\n.nav__link:hover {\n color: var(--color-gold-light);\n background-color: rgba(255, 255, 255, 0.05);\n}\n\n.nav__link:hover::after {\n width: 60%;\n}\n\n.nav__link--active {\n color: var(--color-gold);\n background-color: rgba(197, 160, 40, 0.1);\n}\n\n.nav__link--active::after {\n width: 60%;\n}\n\n\/* ============================================\n HERO-\u0421\u0415\u041a\u0426\u0418\u042f (\u0413\u041b\u0410\u0412\u041d\u042b\u0419 \u0411\u0410\u041d\u041d\u0415\u0420)\n ============================================ *\/\n.hero {\n position: relative;\n min-height: 85vh;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--color-navy-deep);\n overflow: hidden;\n}\n\n.hero__background {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(\n 180deg,\n rgba(0, 18, 46, 0.7) 0%,\n rgba(0, 31, 84, 0.5) 50%,\n rgba(0, 18, 46, 0.85) 100%\n ),\n url('images\/hero-background.jpg'); \/* \u0424\u043e\u0442\u043e: \u041a\u0440\u0435\u043c\u043b\u044c \/ \u041f\u0430\u0440\u0430\u0434 \u041f\u043e\u0431\u0435\u0434\u044b \/ \u041c\u0435\u043c\u043e\u0440\u0438\u0430\u043b *\/\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n}\n\n\/* \u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u0437\u0432\u0435\u0437\u0434\u0430 *\/\n.hero__star-decoration {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 600px;\n height: 600px;\n opacity: 0.03;\n background: radial-gradient(circle, var(--color-gold) 0%, transparent 70%);\n border-radius: var(--radius-full);\n}\n\n.hero__content {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n padding: var(--space-16) var(--space-6);\n}\n\n.hero__badge {\n display: inline-flex;\n align-items: center;\n gap: var(--space-2);\n background: rgba(197, 160, 40, 0.15);\n border: 1px solid rgba(197, 160, 40, 0.3);\n color: var(--color-gold-light);\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n font-weight: 600;\n letter-spacing: var(--tracking-widest);\n text-transform: uppercase;\n padding: var(--space-2) var(--space-6);\n border-radius: var(--radius-2xl);\n margin-bottom: var(--space-8);\n}\n\n.hero__title {\n font-family: var(--font-heading);\n font-size: var(--text-hero);\n font-weight: 900;\n color: var(--color-white);\n line-height: var(--leading-tight);\n letter-spacing: var(--tracking-tight);\n margin-bottom: var(--space-6);\n}\n\n.hero__title span {\n color: var(--color-gold);\n display: block;\n}\n\n.hero__description {\n font-family: var(--font-body);\n font-size: var(--text-xl);\n font-weight: 300;\n color: rgba(255, 255, 255, 0.8);\n line-height: var(--leading-relaxed);\n margin-bottom: var(--space-10);\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* \u0413\u0435\u043e\u0440\u0433\u0438\u0435\u0432\u0441\u043a\u0430\u044f \u043b\u0435\u043d\u0442\u0430 \u2014 \u0434\u0435\u043a\u043e\u0440 *\/\n.hero__ribbon {\n position: absolute;\n right: -20px;\n top: 0;\n bottom: 0;\n width: 60px;\n background: repeating-linear-gradient(\n 0deg,\n var(--color-orange-ribbon) 0px,\n var(--color-orange-ribbon) 10px,\n var(--color-dark) 10px,\n var(--color-dark) 20px\n );\n opacity: 0.3;\n}\n\n\/* ============================================\n \u041a\u041d\u041e\u041f\u041a\u0418\n ============================================ *\/\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-2);\n font-family: var(--font-ui);\n font-size: var(--text-base);\n font-weight: 600;\n letter-spacing: var(--tracking-wide);\n text-transform: uppercase;\n padding: var(--space-4) var(--space-8);\n border: 2px solid transparent;\n border-radius: var(--radius-md);\n cursor: pointer;\n transition: all var(--transition-smooth);\n text-decoration: none;\n line-height: 1;\n}\n\n.btn--primary {\n background: linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);\n color: var(--color-navy-deep);\n border-color: var(--color-gold);\n box-shadow: var(--shadow-gold);\n}\n\n.btn--primary:hover {\n background: linear-gradient(135deg, var(--color-gold-shine) 0%, var(--color-gold) 100%);\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(197, 160, 40, 0.4);\n color: var(--color-navy-deep);\n}\n\n.btn--secondary {\n background: transparent;\n color: var(--color-white);\n border-color: rgba(255, 255, 255, 0.4);\n}\n\n.btn--secondary:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--color-white);\n color: var(--color-white);\n}\n\n.btn--red {\n background: linear-gradient(135deg, var(--color-red-primary) 0%, var(--color-red-dark) 100%);\n color: var(--color-white);\n border-color: var(--color-red-primary);\n box-shadow: var(--shadow-red);\n}\n\n.btn--red:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(213, 43, 30, 0.4);\n color: var(--color-white);\n}\n\n.btn--outline-gold {\n background: transparent;\n color: var(--color-gold);\n border-color: var(--color-gold);\n}\n\n.btn--outline-gold:hover {\n background: var(--color-gold);\n color: var(--color-navy-deep);\n}\n\n.btn--lg {\n font-size: var(--text-lg);\n padding: var(--space-5) var(--space-10);\n}\n\n.btn--sm {\n font-size: var(--text-sm);\n padding: var(--space-2) var(--space-5);\n}\n\n.btn-group {\n display: flex;\n gap: var(--space-4);\n justify-content: center;\n flex-wrap: wrap;\n}\n\n\/* ============================================\n \u0421\u0415\u041a\u0426\u0418\u042f \u2014 \u041d\u041e\u0412\u041e\u0421\u0422\u0418\n ============================================ *\/\n.section {\n padding: var(--space-24) 0;\n}\n\n.section--light {\n background-color: var(--color-cream);\n}\n\n.section--white {\n background-color: var(--color-white);\n}\n\n.section--dark {\n background-color: var(--color-navy);\n color: var(--color-white);\n}\n\n.section--blue {\n background: linear-gradient(180deg, var(--color-navy) 0%, var(--color-navy-deep) 100%);\n color: var(--color-white);\n}\n\n\/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0441\u0435\u043a\u0446\u0438\u0439 *\/\n.section-header {\n text-align: center;\n margin-bottom: var(--space-16);\n}\n\n.section-header__label {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n font-weight: 600;\n letter-spacing: var(--tracking-widest);\n text-transform: uppercase;\n color: var(--color-gold);\n margin-bottom: var(--space-4);\n display: block;\n}\n\n.section-header__title {\n font-family: var(--font-heading);\n font-size: var(--text-5xl);\n font-weight: 700;\n color: var(--color-navy);\n line-height: var(--leading-tight);\n margin-bottom: var(--space-4);\n}\n\n.section--dark .section-header__title,\n.section--blue .section-header__title {\n color: var(--color-white);\n}\n\n.section-header__divider {\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, var(--color-gold-dark), var(--color-gold-shine), var(--color-gold-dark));\n margin: var(--space-6) auto;\n border-radius: 2px;\n}\n\n.section-header__description {\n font-size: var(--text-lg);\n color: var(--color-text-gray);\n max-width: 650px;\n margin: 0 auto;\n line-height: var(--leading-relaxed);\n}\n\n.section--dark .section-header__description {\n color: rgba(255, 255, 255, 0.7);\n}\n\n\/* ============================================\n \u041a\u0410\u0420\u0422\u041e\u0427\u041a\u0418 \u041d\u041e\u0412\u041e\u0421\u0422\u0415\u0419\n ============================================ *\/\n.news-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: var(--space-8);\n}\n\n.news-card {\n background: var(--color-white);\n border-radius: var(--radius-lg);\n overflow: hidden;\n box-shadow: var(--shadow-sm);\n transition: all var(--transition-smooth);\n border: 1px solid rgba(0, 31, 84, 0.05);\n}\n\n.news-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shadow-xl);\n}\n\n.news-card__image {\n width: 100%;\n height: 220px;\n object-fit: cover;\n transition: transform var(--transition-slow);\n}\n\n.news-card:hover .news-card__image {\n transform: scale(1.05);\n}\n\n.news-card__image-wrapper {\n overflow: hidden;\n position: relative;\n}\n\n.news-card__category {\n position: absolute;\n top: var(--space-4);\n left: var(--space-4);\n background: var(--color-red-primary);\n color: var(--color-white);\n font-family: var(--font-ui);\n font-size: var(--text-xs);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n padding: var(--space-1) var(--space-3);\n border-radius: var(--radius-sm);\n}\n\n.news-card__body {\n padding: var(--space-6);\n}\n\n.news-card__date {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n color: var(--color-gold-dark);\n font-weight: 500;\n margin-bottom: var(--space-3);\n display: flex;\n align-items: center;\n gap: var(--space-2);\n}\n\n.news-card__title {\n font-family: var(--font-heading);\n font-size: var(--text-xl);\n font-weight: 700;\n color: var(--color-navy);\n line-height: var(--leading-tight);\n margin-bottom: var(--space-3);\n transition: color var(--transition-fast);\n}\n\n.news-card:hover .news-card__title {\n color: var(--color-blue-primary);\n}\n\n.news-card__excerpt {\n font-size: var(--text-sm);\n color: var(--color-text-gray);\n line-height: var(--leading-normal);\n margin-bottom: var(--space-4);\n}\n\n.news-card__link {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n font-weight: 600;\n color: var(--color-blue-primary);\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n display: inline-flex;\n align-items: center;\n gap: var(--space-2);\n transition: all var(--transition-fast);\n}\n\n.news-card__link:hover {\n color: var(--color-gold);\n gap: var(--space-3);\n}\n\n\/* ============================================\n \u0421\u0415\u041a\u0426\u0418\u042f \u2014 \u0413\u0415\u0420\u041e\u0418 (\u041f\u0420\u041e\u0424\u0418\u041b\u0418)\n ============================================ *\/\n.heroes-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--space-8);\n}\n\n.hero-card {\n background: linear-gradient(180deg, var(--color-charcoal) 0%, var(--color-dark) 100%);\n border-radius: var(--radius-lg);\n overflow: hidden;\n text-align: center;\n transition: all var(--transition-smooth);\n border: 1px solid rgba(197, 160, 40, 0.1);\n position: relative;\n}\n\n.hero-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shadow-gold);\n border-color: rgba(197, 160, 40, 0.3);\n}\n\n.hero-card__photo-wrapper {\n position: relative;\n padding: var(--space-8) var(--space-8) 0;\n}\n\n.hero-card__photo {\n width: 160px;\n height: 160px;\n border-radius: var(--radius-full);\n object-fit: cover;\n margin: 0 auto;\n border: 4px solid var(--color-gold);\n box-shadow: var(--shadow-gold);\n}\n\n.hero-card__star {\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--color-gold-shine) 0%, var(--color-gold) 100%);\n width: 36px;\n height: 36px;\n border-radius: var(--radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n color: var(--color-navy-deep);\n box-shadow: var(--shadow-gold);\n}\n\n.hero-card__info {\n padding: var(--space-8) var(--space-6) var(--space-6);\n}\n\n.hero-card__name {\n font-family: var(--font-heading);\n font-size: var(--text-xl);\n font-weight: 700;\n color: var(--color-white);\n margin-bottom: var(--space-2);\n}\n\n.hero-card__title {\n font-family: var(--font-ui);\n font-size: var(--text-xs);\n font-weight: 500;\n color: var(--color-gold-light);\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n margin-bottom: var(--space-3);\n}\n\n.hero-card__description {\n font-size: var(--text-sm);\n color: var(--color-medium-gray);\n line-height: var(--leading-normal);\n}\n\n\/* ============================================\n \u0421\u0422\u0410\u0422\u0418\u0421\u0422\u0418\u041a\u0410 \/ \u0421\u0427\u0401\u0422\u0427\u0418\u041a\u0418\n ============================================ *\/\n.stats {\n background:\n linear-gradient(\n 135deg,\n rgba(0, 18, 46, 0.95) 0%,\n rgba(0, 57, 166, 0.9) 100%\n ),\n url('images\/stats-bg.jpg');\n background-size: cover;\n background-position: center;\n padding: var(--space-20) 0;\n}\n\n.stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--space-8);\n}\n\n.stat-item {\n text-align: center;\n position: relative;\n}\n\n.stat-item::after {\n content: '';\n position: absolute;\n right: 0;\n top: 10%;\n height: 80%;\n width: 1px;\n background: rgba(197, 160, 40, 0.2);\n}\n\n.stat-item:last-child::after {\n display: none;\n}\n\n.stat-item__number {\n font-family: var(--font-heading);\n font-size: var(--text-6xl);\n font-weight: 900;\n color: var(--color-gold);\n line-height: 1;\n margin-bottom: var(--space-3);\n text-shadow: 0 2px 10px rgba(197, 160, 40, 0.3);\n}\n\n.stat-item__label {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n font-weight: 500;\n color: rgba(255, 255, 255, 0.8);\n text-transform: uppercase;\n letter-spacing: var(--tracking-widest);\n}\n\n\/* ============================================\n \u0426\u0418\u0422\u0410\u0422\u0410 \/ \u0411\u041b\u041e\u041a \u041f\u0410\u041c\u042f\u0422\u0418\n ============================================ *\/\n.quote-section {\n background: var(--color-navy-deep);\n padding: var(--space-20) 0;\n position: relative;\n overflow: hidden;\n}\n\n.quote-section::before {\n content: '\"';\n position: absolute;\n top: -40px;\n left: 10%;\n font-family: var(--font-heading);\n font-size: 20rem;\n color: rgba(197, 160, 40, 0.05);\n line-height: 1;\n}\n\n.quote-block {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n position: relative;\n z-index: 2;\n}\n\n.quote-block__text {\n font-family: var(--font-heading);\n font-size: var(--text-3xl);\n font-weight: 400;\n font-style: italic;\n color: var(--color-white);\n line-height: var(--leading-relaxed);\n margin-bottom: var(--space-8);\n}\n\n.quote-block__author {\n font-family: var(--font-ui);\n font-size: var(--text-base);\n color: var(--color-gold);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: var(--tracking-widest);\n}\n\n\/* ============================================\n \u041c\u0415\u0420\u041e\u041f\u0420\u0418\u042f\u0422\u0418\u042f \/ \u0421\u041e\u0411\u042b\u0422\u0418\u042f\n ============================================ *\/\n.events-list {\n display: flex;\n flex-direction: column;\n gap: var(--space-6);\n}\n\n.event-item {\n display: flex;\n align-items: stretch;\n background: var(--color-white);\n border-radius: var(--radius-lg);\n overflow: hidden;\n box-shadow: var(--shadow-sm);\n transition: all var(--transition-smooth);\n border-left: 5px solid var(--color-gold);\n}\n\n.event-item:hover {\n box-shadow: var(--shadow-lg);\n transform: translateX(5px);\n}\n\n.event-item__date-block {\n background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-navy-deep) 100%);\n color: var(--color-white);\n padding: var(--space-6);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-width: 120px;\n}\n\n.event-item__day {\n font-family: var(--font-heading);\n font-size: var(--text-4xl);\n font-weight: 900;\n color: var(--color-gold);\n line-height: 1;\n}\n\n.event-item__month {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n margin-top: var(--space-1);\n color: rgba(255, 255, 255, 0.7);\n}\n\n.event-item__content {\n padding: var(--space-6);\n flex: 1;\n}\n\n.event-item__title {\n font-family: var(--font-heading);\n font-size: var(--text-xl);\n font-weight: 700;\n color: var(--color-navy);\n margin-bottom: var(--space-2);\n}\n\n.event-item__location {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n color: var(--color-text-gray);\n display: flex;\n align-items: center;\n gap: var(--space-2);\n margin-bottom: var(--space-3);\n}\n\n.event-item__description {\n font-size: var(--text-sm);\n color: var(--color-text-gray);\n line-height: var(--leading-normal);\n}\n\n\/* ============================================\n \u0424\u041e\u0422\u041e\u0413\u0410\u041b\u0415\u0420\u0415\u042f\n ============================================ *\/\n.gallery-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-template-rows: repeat(2, 250px);\n gap: var(--space-4);\n}\n\n.gallery-item {\n position: relative;\n border-radius: var(--radius-md);\n overflow: hidden;\n cursor: pointer;\n}\n\n.gallery-item:first-child {\n grid-column: span 2;\n grid-row: span 2;\n}\n\n.gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform var(--transition-slow);\n}\n\n.gallery-item:hover img {\n transform: scale(1.08);\n}\n\n.gallery-item__overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(0deg, rgba(0, 18, 46, 0.7) 0%, transparent 60%);\n opacity: 0;\n transition: opacity var(--transition-normal);\n display: flex;\n align-items: flex-end;\n padding: var(--space-6);\n}\n\n.gallery-item:hover .gallery-item__overlay {\n opacity: 1;\n}\n\n.gallery-item__caption {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n color: var(--color-white);\n font-weight: 500;\n}\n\n\/* ============================================\n \u0424\u041e\u0420\u041c\u0410 \u041e\u0411\u0420\u0410\u0422\u041d\u041e\u0419 \u0421\u0412\u042f\u0417\u0418\n ============================================ *\/\n.form-section {\n background: linear-gradient(135deg, var(--color-blue-pale) 0%, var(--color-cream) 100%);\n}\n\n.contact-form {\n max-width: 700px;\n margin: 0 auto;\n background: var(--color-white);\n padding: var(--space-12);\n border-radius: var(--radius-xl);\n box-shadow: var(--shadow-lg);\n}\n\n.form-group {\n margin-bottom: var(--space-6);\n}\n\n.form-group__label {\n display: block;\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n font-weight: 600;\n color: var(--color-navy);\n margin-bottom: var(--space-2);\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n}\n\n.form-group__input,\n.form-group__textarea {\n width: 100%;\n padding: var(--space-4);\n font-family: var(--font-body);\n font-size: var(--text-base);\n color: var(--color-dark);\n background: var(--color-cream);\n border: 2px solid transparent;\n border-radius: var(--radius-md);\n transition: all var(--transition-normal);\n outline: none;\n}\n\n.form-group__input:focus,\n.form-group__textarea:focus {\n border-color: var(--color-gold);\n background: var(--color-white);\n box-shadow: 0 0 0 4px rgba(197, 160, 40, 0.1);\n}\n\n.form-group__textarea {\n min-height: 150px;\n resize: vertical;\n}\n\n\/* ============================================\n \u041f\u041e\u0414\u0412\u0410\u041b (FOOTER)\n ============================================ *\/\n.footer {\n background: linear-gradient(180deg, var(--color-dark) 0%, #0D0D1A 100%);\n color: var(--color-white);\n padding: var(--space-20) 0 0;\n}\n\n.footer-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1.5fr;\n gap: var(--space-12);\n padding-bottom: var(--space-16);\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.footer__brand-description {\n font-size: var(--text-sm);\n color: var(--color-medium-gray);\n line-height: var(--leading-relaxed);\n margin-top: var(--space-4);\n}\n\n.footer__heading {\n font-family: var(--font-heading);\n font-size: var(--text-lg);\n font-weight: 700;\n color: var(--color-gold-light);\n margin-bottom: var(--space-6);\n}\n\n.footer__links {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: var(--space-3);\n}\n\n.footer__link {\n font-family: var(--font-ui);\n font-size: var(--text-sm);\n color: var(--color-medium-gray);\n transition: all var(--transition-fast);\n display: inline-flex;\n align-items: center;\n gap: var(--space-2);\n}\n\n.footer__link:hover {\n color: var(--color-gold);\n transform: translateX(3px);\n}\n\n.footer__contact-item {\n display: flex;\n align-items: flex-start;\n gap: var(--space-3);\n margin-bottom: var(--space-4);\n font-size: var(--text-sm);\n color: var(--color-medium-gray);\n}\n\n.footer__contact-icon {\n color: var(--color-gold);\n font-size: var(--text-lg);\n flex-shrink: 0;\n}\n\n\/* \u041d\u0438\u0436\u043d\u044f\u044f \u043f\u043e\u043b\u043e\u0441\u0430 \u0444\u0443\u0442\u0435\u0440\u0430 *\/\n.footer__bottom {\n padding: var(--space-6) 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: var(--text-sm);\n color: var(--color-text-gray);\n}\n\n\/* \u0422\u0440\u0438\u043a\u043e\u043b\u043e\u0440 \u0432 \u0444\u0443\u0442\u0435\u0440\u0435 *\/\n.footer__tricolor {\n height: 3px;\n background: linear-gradient(90deg,\n var(--color-white) 33.33%,\n var(--color-blue-primary) 33.33%,\n var(--color-blue-primary) 66.66%,\n var(--color-red-primary) 66.66%\n );\n margin-top: var(--space-6);\n}\n\n\/* ============================================\n \u0423\u0422\u0418\u041b\u0418\u0422\u042b\n ============================================ *\/\n\n\/* \u0417\u043e\u043b\u043e\u0442\u043e\u0439 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c \u2014 \u00ab\u0437\u0432\u0451\u0437\u0434\u043e\u0447\u043a\u0430\u00bb *\/\n.divider-star {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-4);\n margin: var(--space-12) 0;\n}\n\n.divider-star::before,\n.divider-star::after {\n content: '';\n flex: 1;\n max-width: 150px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--color-gold), transparent);\n}\n\n.divider-star__icon {\n color: var(--color-gold);\n font-size: var(--text-xl);\n}\n\n\/* \u0422\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u0443\u0442\u0438\u043b\u0438\u0442\u044b *\/\n.text-gold { color: var(--color-gold) !important; }\n.text-navy { color: var(--color-navy) !important; }\n.text-red { color: var(--color-red-primary) !important; }\n.text-white { color: var(--color-white) !important; }\n.text-center { text-align: center; }\n.text-uppercase {\n text-transform: uppercase;\n letter-spacing: var(--tracking-wide);\n}\n\n\/* \u0424\u043e\u043d\u043e\u0432\u044b\u0435 \u0443\u0442\u0438\u043b\u0438\u0442\u044b *\/\n.bg-navy { background-color: var(--color-navy) !important; }\n.bg-dark { background-color: var(--color-dark) !important; }\n.bg-cream { background-color: var(--color-cream) !important; }\n.bg-white { background-color: var(--color-white) !important; }\n\n\/* \u041e\u0442\u0441\u0442\u0443\u043f\u044b *\/\n.mt-0 { margin-top: 0 !important; }\n.mt-4 { margin-top: var(--space-4) !important; }\n.mt-8 { margin-top: var(--space-8) !important; }\n.mt-16 { margin-top: var(--space-16) !important; }\n.mb-0 { margin-bottom: 0 !important; }\n.mb-4 { margin-bottom: var(--space-4) !important; }\n.mb-8 { margin-bottom: var(--space-8) !important; }\n\n\/* ============================================\n \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u041e\u0421\u0422\u042c\n ============================================ *\/\n@media (max-width: 1200px) {\n .heroes-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .footer-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 1024px) {\n :root {\n --text-hero: 3rem;\n --text-6xl: 2.5rem;\n --text-5xl: 2rem;\n }\n\n .news-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .gallery-grid {\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(3, 200px);\n }\n\n .gallery-item:first-child {\n grid-column: span 2;\n }\n}\n\n@media (max-width: 768px) {\n :root {\n --text-hero: 2.25rem;\n --text-6xl: 2rem;\n --text-5xl: 1.75rem;\n --text-4xl: 1.5rem;\n --text-3xl: 1.25rem;\n }\n\n .container {\n padding: 0 var(--space-4);\n }\n\n .section {\n padding: var(--space-16) 0;\n }\n\n .hero {\n min-height: 70vh;\n }\n\n .nav {\n display: none; \/* \u0413\u0430\u043c\u0431\u0443\u0440\u0433\u0435\u0440-\u043c\u0435\u043d\u044e \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n }\n\n .news-grid,\n .heroes-grid,\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\n grid-template-rows: auto;\n }\n\n .gallery-item:first-child {\n grid-column: span 1;\n grid-row: span 1;\n }\n\n .footer-grid {\n grid-template-columns: 1fr;\n }\n\n .event-item {\n flex-direction: column;\n }\n\n .event-item__date-block {\n flex-direction: row;\n gap: var(--space-3);\n padding: var(--space-4);\n }\n\n .stat-item::after {\n display: none;\n }\n\n .contact-form {\n padding: var(--space-6);\n }\n\n .btn-group {\n flex-direction: column;\n align-items: center;\n }\n\n .footer__bottom {\n flex-direction: column;\n gap: var(--space-4);\n text-align: center;\n }\n}\n\n\/* ============================================\n \u0410\u041d\u0418\u041c\u0410\u0426\u0418\u0418\n ============================================ *\/\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n}\n\n@keyframes starPulse {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.1); opacity: 0.8; }\n}\n\n.animate-fade-in-up {\n animation: fadeInUp 0.8s ease-out forwards;\n}\n\n.animate-delay-1 { animation-delay: 0.1s; }\n.animate-delay-2 { animation-delay: 0.2s; }\n.animate-delay-3 { animation-delay: 0.3s; }\n.animate-delay-4 { animation-delay: 0.4s; }\n\n.gold-shimmer {\n background: linear-gradient(90deg,\n var(--color-gold-dark) 0%,\n var(--color-gold-shine) 50%,\n var(--color-gold-dark) 100%\n );\n background-size: 200% auto;\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: shimmer 3s linear infinite;\n}\n\n.star-pulse {\n animation: starPulse 2s ease-in-out infinite;\n}\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u00ab\u0413\u0435\u0440\u043e\u0438 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430\u00bb<\/title>\n <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 Google Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Russo+One&family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* --- CSS \u041f\u0415\u0420\u0415\u041c\u0415\u041d\u041d\u042b\u0415 (\u0414\u0418\u0417\u0410\u0419\u041d-\u0422\u041e\u041a\u0415\u041d\u042b) --- *\/\n :root {\n \/* \u041f\u0430\u043b\u0438\u0442\u0440\u0430 *\/\n --color-primary: #002147; \/* \u0422\u0435\u043c\u043d\u043e-\u0441\u0438\u043d\u0438\u0439 *\/\n --color-secondary: #8B0000; \/* \u0422\u0435\u043c\u043d\u043e-\u0431\u043e\u0440\u0434\u043e\u0432\u044b\u0439 *\/\n --color-accent: #D4AF37; \/* \u0417\u043e\u043b\u043e\u0442\u043e\u0439 \u043c\u0435\u0442\u0430\u043b\u043b\u0438\u043a *\/\n --color-bg: #F8F5F0; \/* \u0421\u043b\u043e\u043d\u043e\u0432\u0430\u044f \u043a\u043e\u0441\u0442\u044c *\/\n --color-bg-alt: #FFFFFF; \/* \u0427\u0438\u0441\u0442\u044b\u0439 \u0431\u0435\u043b\u044b\u0439 *\/\n --color-text-main: #1A1A1A; \/* \u0423\u0433\u043e\u043b\u044c\u043d\u044b\u0439 *\/\n --color-text-muted: #555555; \/* \u0421\u0435\u0440\u044b\u0439 *\/\n \n \/* \u0422\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430 *\/\n --font-heading: 'Russo One', sans-serif; \/* \u0414\u043b\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u0432 *\/\n --font-body: 'Inter', sans-serif; \/* \u0414\u043b\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 *\/\n --font-nav: 'Montserrat', sans-serif; \/* \u0414\u043b\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n \n \/* \u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e *\/\n --spacing-xs: 0.5rem;\n --spacing-sm: 1rem;\n --spacing-md: 2rem;\n --spacing-lg: 4rem;\n --spacing-xl: 6rem;\n \n \/* \u0413\u0440\u0430\u043d\u0438\u0446\u044b \u0438 \u0442\u0435\u043d\u0438 *\/\n --border-radius: 4px; \/* \u0421\u043b\u0435\u0433\u043a\u0430 \u0443\u0433\u043b\u043e\u0432\u0430\u0442\u044b\u0435, \u0441\u0442\u0440\u043e\u0433\u043e *\/\n --shadow-card: 0 4px 20px rgba(0, 33, 71, 0.08);\n --shadow-hover: 0 8px 30px rgba(0, 33, 71, 0.12);\n \n \/* \u041c\u0430\u043a\u0435\u0442 *\/\n --container-width: 1200px;\n --header-height: 80px;\n }\n\n \/* --- \u0411\u0410\u0417\u041e\u0412\u042b\u0415 \u0421\u0422\u0418\u041b\u0418 --- *\/\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: var(--font-body);\n background-color: var(--color-bg);\n color: var(--color-text-main);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family: var(--font-heading);\n font-weight: 400;\n line-height: 1.2;\n color: var(--color-primary);\n margin-bottom: var(--spacing-sm);\n }\n\n h1 { font-size: 2.5rem; letter-spacing: 0.5px; }\n h2 { font-size: 2rem; position: relative; padding-bottom: var(--spacing-sm); }\n h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 60px;\n height: 3px;\n background-color: var(--color-accent);\n }\n h3 { font-size: 1.5rem; color: var(--color-secondary); }\n\n p {\n margin-bottom: var(--spacing-sm);\n color: var(--color-text-muted);\n font-size: 1.05rem;\n }\n\n a {\n text-decoration: none;\n color: inherit;\n transition: color 0.3s ease;\n }\n\n img {\n max-width: 100%;\n height: auto;\n display: block;\n }\n\n .container {\n max-width: var(--container-width);\n margin: 0 auto;\n padding: 0 var(--spacing-md);\n }\n\n .section {\n padding: var(--spacing-xl) 0;\n }\n\n .text-center { text-align: center; }\n .text-center h2::after { left: 50%; transform: translateX(-50%); }\n\n \/* --- \u041a\u041d\u041e\u041f\u041a\u0418 --- *\/\n .btn {\n display: inline-block;\n padding: 12px 28\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u00ab\u0413\u0435\u0440\u043e\u0438 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430\u00bb \ud83d\udcde +7 (495) 000-00-00  |  \u2709 info@geroiotechestva.ru \u041f\u0440\u0435\u0441\u0441-\u0446\u0435\u043d\u0442\u0440  |  \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0413\u0435\u0440\u043e\u0438 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430 \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u0433\u0435\u0440\u043e\u0435\u0432 \u0420\u043e\u0441\u0441\u0438\u0438 \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u041e \u043d\u0430\u0441 \u0413\u0435\u0440\u043e\u0438 \u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u041c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u044f \u0413\u0430\u043b\u0435\u0440\u0435\u044f \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u2605 \u0421 2001 \u0433\u043e\u0434\u0430 \u2605 \u041f\u043e\u043c\u043d\u0438\u043c. \u0413\u043e\u0440\u0434\u0438\u043c\u0441\u044f. \u0427\u0442\u0438\u043c \u0433\u0435\u0440\u043e\u0435\u0432. \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u00ab\u0413\u0435\u0440\u043e\u0438 \u041e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0430\u00bb \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0435\u0442 \u0413\u0435\u0440\u043e\u0435\u0432 \u0421\u043e\u0432\u0435\u0442\u0441\u043a\u043e\u0433\u043e \u0421\u043e\u044e\u0437\u0430, \u0413\u0435\u0440\u043e\u0435\u0432 \u0420\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u043e\u0439 \u0424\u0435\u0434\u0435\u0440\u0430\u0446\u0438\u0438 \u0438 \u043f\u043e\u043b\u043d\u044b\u0445 \u043a\u0430\u0432\u0430\u043b\u0435\u0440\u043e\u0432 \u043e\u0440\u0434\u0435\u043d\u0430 \u0421\u043b\u0430\u0432\u044b \u0434\u043b\u044f \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u043f\u0430\u043c\u044f\u0442\u0438 \u0438 \u0432\u043e\u0441\u043f\u0438\u0442\u0430\u043d\u0438\u044f… <a href=\"https:\/\/silaoka.ru\/?page_id=1573\" rel=\"bookmark\"><span class=\"screen-reader-text\">uuu<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_regular_price":[],"currency_symbol":[],"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-1573","page","type-page","status-publish","hentry"],"post_slider_layout_featured_media_urls":{"thumbnail":"","post_slider_layout_landscape_large":"","post_slider_layout_portrait_large":"","post_slider_layout_square_large":"","post_slider_layout_landscape":"","post_slider_layout_portrait":"","post_slider_layout_square":"","full":""},"_links":{"self":[{"href":"https:\/\/silaoka.ru\/index.php?rest_route=\/wp\/v2\/pages\/1573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silaoka.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/silaoka.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/silaoka.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/silaoka.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1573"}],"version-history":[{"count":7,"href":"https:\/\/silaoka.ru\/index.php?rest_route=\/wp\/v2\/pages\/1573\/revisions"}],"predecessor-version":[{"id":1580,"href":"https:\/\/silaoka.ru\/index.php?rest_route=\/wp\/v2\/pages\/1573\/revisions\/1580"}],"wp:attachment":[{"href":"https:\/\/silaoka.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}