@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap');

@import "./button.css";
@import "./input.css";
@import "./svg.css";
@import "./pages.css";
@import "./pdf.css";
@import "./access.css";


:root {
    --p-gray: #00000088;
    --p-cyan: #66CAA5;
    --h-title: #BD92CE;

    --border: #BD92CE;
    --border-cyan: #66CAA6;
    --button: #BD92CE;
    --input-bg: #DEC8E7;
    --input-placeholder: #5E4967;

    --dot-bg: #F1CD21;
}

* {
    padding: 0;
    margin: 0;
}

body {
    width: 100%;
}

h2 {
    font-family: 'Roboto', Sans-Serif;
    font-weight: 500;
    font-size: 48px;
    line-height: 134%;
}

h3 {
    font-family: 'Roboto', Sans-Serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 132%;
}

p, .p1 {
    font-family: 'Roboto', Sans-Serif;
    font-weight: 400;
    font-size: 20px; /* На этой странице 20 вместо 18 */
    line-height: 21px;
}

.p1-strong {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
}

.p-gray {
    color: var(--p-gray);
}

.p-cut {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hidden {
    display: none !important;
}


/* Стиль для ошибки инпута */
input.error {
    animation: inputError 2s ease-in;
}

/* Анимацция ошибки */
@keyframes inputError {
    0% {
        border: 1px solid var(--border);
    }

    2% {
        border: 1px solid #F40B0B;
    }

    100% {
        border: 1px solid var(--border);
    }
}


/* Логотип сверху слево */
#top-left-logo {
    width: 128px;
    
    position: absolute;
    top: 50px;
    left: 100px;
    z-index: 6;
    
    cursor: pointer;
}

#top-left-logo img {
    width: 100%;
}


article {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;

    box-sizing: border-box;
    padding-bottom: 20px;

    overflow-x: hidden;
    overflow-y: hidden;

    margin: 0 auto; /* По центру страницы */
}

.article-content {
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
    position: relative;

    box-sizing: border-box;
    padding: 0;

    overflow: hidden;
}


section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

section > h2 {
    width: 916px;

    font-size: 40px;
    font-weight: 400;
    line-height: 112%;
    text-align: center;

    background: linear-gradient(90deg, #BD92CE 0%, #66CAA5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    margin-top: 100px;
}