main {
    max-width: 900px;
    margin: 60px auto;
    padding: 20px;
}


/* Информационный блок */

.intro-box {
    margin-bottom: 40px;
    padding: 30px;

    background: var(--panel-bg);
    color: var(--text-main);

    border-radius: var(--radius);

    backdrop-filter: blur(var(--blur));
    -webkit-backdrop-filter: blur(var(--blur));
}

.intro-box h1 {
    margin: 0 0 20px;

    font-size: 42px;
    line-height: 1.2;
}

.intro-box p {
    margin: 0 0 15px;

    color: #ddd;

    font-size: 17px;
    line-height: 1.6;
}

.intro-box p:last-child {
    margin-bottom: 0;
}


/* Список сервисов */

.service-list {
    display: grid;
    gap: 20px;
}

.service-list a {
    display: block;

    padding: 25px;

    background: var(--panel-bg);
    color: var(--text-main);

    text-decoration: none;

    border-radius: var(--radius);

    backdrop-filter: blur(var(--blur));
    -webkit-backdrop-filter: blur(var(--blur));

    transition:
        background 0.2s,
        transform 0.2s;
}

.service-list a:hover {
    background: var(--panel-hover);

    transform: translateY(-2px);
}

.service-list h2 {
    margin: 0 0 8px;

    font-size: 24px;
}

.service-list p {
    margin: 0;

    color: var(--text-secondary);

    font-size: 16px;
    line-height: 1.5;
}


/* Мобильная версия */

@media (max-width: 700px) {

    main {
        margin: 30px auto;
        padding: 15px;
    }

    .intro-box {
        padding: 22px;
    }

    .intro-box h1 {
        font-size: 32px;
    }

    .service-list a {
        padding: 20px;
    }

}