body {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI",
            Roboto, Helvetica, Arial, sans-serif;
            background-color: #f5f6fa;
        }
        
        h1, h2, h3, h4 {
            font-family: 'Inter', sans-serif;
            font-weight: 700;
            letter-spacing: -0.5px;
        }

        p, li {
        font-family: 'Inter', sans-serif;
        font-weight: 400;
        line-height: 1.6;
        }

        .logo-text .logo-main {
        font-family: Inter, Segoe UI, Arial, sans-serif;
        font-size: 25px;
        font-weight: 700;
        color: #000000;
        line-height: 28px;
        }

        .logo-text .logo-sub {
            font-family: Inter, Segoe UI, Arial, sans-serif;
            font-size: 20px;
            font-weight: 700;
            color: #00b894;
            line-height: 22px;
            margin-top: -4px;
            display: block;
        }


        button, .btn {
            font-family: 'Inter', sans-serif;
            font-weight: 600;
        }


        .navbar-brand {
            font-weight: 700;
        }

        .navbar-nav .btn {
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
        }


        .hero {
            min-height: 80vh;
            background: linear-gradient(160deg, #00b894, #007bff, #00b894);
            color: #fff;
            display: flex;
            align-items: center;
        }

        .hero-title {
            font-size: 2.6rem;
            font-weight: 700;
        }

        .hero-subtitle {
            font-size: 1.2rem;
            opacity: .9;
        }

        .hero-card {
            background: rgba(255, 255, 255, 0.12);
            border-radius: 16px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
        }

        .badge-custom {
            border-radius: 999px;
        }

        .section-title {
            font-weight: 700;
            margin-bottom: 1.5rem;
            text-align: center;
        }

        .feature-icon {
            font-size: 2rem;
            margin-bottom: .75rem;
        }

        .stats-box {
            border-radius: 16px;
            background: #fff;
            padding: 1.5rem;
            box-shadow: 0 8px 24px rgba(0,0,0,.04);
            height: 100%;
        }

        .step-number {
            width: 32px;
            height: 32px;
            border-radius: 999px;
            background: #00b894;
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            margin-bottom: .5rem;
        }

        .cta-section {
            background: linear-gradient(160deg, #00b894, #007bff, #00b894);
            color: #fff;
        }

        footer {
            padding: 1.5rem 0;
            font-size: .9rem;
            color: #888;
            background: #fff;
            border-top: 1px solid #e5e5e5;
        }

        .btn-outline-primary {
        --bs-btn-color: #00b894 !important;              /* цвет текста */
        --bs-btn-border-color: #00b894 !important;      /* цвет рамки */

        --bs-btn-hover-color: #ffffff !important;       /* текст при hover */
        --bs-btn-hover-bg: #00b894 !important;          /* фон при hover */
        --bs-btn-hover-border-color: #00a884 !important;

        --bs-btn-active-bg: #009f7c !important;         /* фон при нажатии */
        --bs-btn-active-border-color: #009f7c !important;
        }
        /* Десктоп */
        .navbar-brand img {
            height: 45px;
        }

        @media (max-width: 992px) {
            .navbar-nav .btn {
                margin-top: 10px;
            }
        }


        /* Мобильные телефоны */
        @media (max-width: 480px) {
            .logo-main, .logo-sub {
                font-size: 20px !important;
            }
        }

        @media (max-width: 480px) {
            .navbar-brand img {
                height: 40px;
            }
        }

        @media (max-width: 375px) {
            .logo-main, .logo-sub {
                font-size: 20px !important;
            }
        }

        @media (max-width: 375px) {
            .navbar-brand img {
                height: 40px;
            }
        }