/* core.css — CSS-переменные, reset, типографика, body, контейнеры */

*, *::before, *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            overflow-x: hidden;
            width: 100%;
        }

body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            background: var(--bg-color);
            color: var(--text-color);
            line-height: 1.6;
            overflow-x: hidden;
            overflow-y: scroll;
        }

        img, svg, video {
            max-width: 100%;
            height: auto;
        }

.container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

[data-theme="dark"] {
            --bg-color: #0F172A;
            --text-color: #F1F5F9;
            --text-secondary: #94A3B8;
            --accent-color: #14B8A6;
            --accent-secondary: #5EEAD4;
            --card-bg: #1E293B;
            --border-color: #334155;
            --section-alt: #1E293B;
            --shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
            --shadow-hover: 0 8px 30px rgba(13, 148, 136, 0.2);
        }

@keyframes pageFadeIn {
            from { opacity: 0; transform: translateY(8px); }
            to { opacity: 1; transform: translateY(0); }
        }

main, .main, .doc-wrapper {
            animation: pageFadeIn 0.4s ease-out;
        }