body{background-color: #f2f2f2; padding: 0!important; width: 100%; margin: 0;}

.toppanel{background-color: #fff; border-botom: 1px solid #ccc; text-align: center;}
.toppanel .toplogo{width: 150px;}


.auth{width: 40%; margin: 50px auto; font-family: sans-serif; font-size: 16px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 30px #ccc; padding: 20px;}

.auth h1, .auth h2{font-size: 28px; margin: 0 0 20px 0!important;}

.pathcontainer{background: #d7cdaf; margin-top: -5rem; padding: 0;}
.pathcontainer .pathlayer{background: none;}
.pathcontainer .pathlayer a {color:#6d4300; text-decoration: none;}

.authheader{width: 100%; padding: 2rem 0 0 0;font-size: 20px;}
hr{background-color: #f2f2f2; border: 0; height: 1px; display: block; width: 90%; margin: 50px auto;}

.authheader .authtext { margin: 0 auto; width: 90%;}

.regtext {margin: 0 auto 30px auto; width: 90%; text-align: center; font-size: 3rem;}


.authform{margin: 0 auto 5rem auto; font-size: 16px; width: 90%; margin: 0 auto;}
.authform input[type="text"], .authform input[type="password"]{font-size: 16px; padding: 10px 2%; width: 96%;}
.authform p{margin: 0;}
.authform .reglink{display: inline-block; margin: 5px 0; text-decoration: none; border-bottom: 1px dotted #333; padding-bottom: 5px;}


.authform .startauth{background-color: #1B6DFF; color: #fff; padding: 15px; font-size: 20px; cursor: pointer; text-align: center; border-radius: 5px; margin-top: 5px; text-decoration: none; display: inline-block;}
.authform .startauth:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}

.cookiemessage{padding: 0 5%; margin: -10px 0;}

/* Стили для кнопок социальных сетей */
.vkauth h2 {
    font-size: 18px;
    margin: 0 0 20px 0;
    text-align: center;
    color: #333;
}

/* Контейнеры для кнопок соцсетей */
.vkauthcontainer, .yaauthcontainer {
    width: 100%;
    margin-bottom: 12px;
}

/* Кнопка ВК */
.vk-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 20px;
    background: #4C75A3;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s;
    box-sizing: border-box;
}

.vk-button:hover {
    background: #3d5f85;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(76, 117, 163, 0.3);
}

.vk-button .vk-icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

/* Кнопка Яндекса (ссылка) */
.ya-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 20px;
    background: #FC3F1D;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s;
    box-sizing: border-box;
}

.ya-button:hover {
    background: #e03516;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(252, 63, 29, 0.3);
}

.ya-button .ya-icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

/* Альтернативные кнопки входа */
.social-alternative {
    text-align: center;
    margin: 15px 0;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 8px;
}

.social-alternative p {
    margin: 0 0 10px 0;
    font-size: 13px;
    color: #666;
}

.social-icons {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.social-icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 2px solid #ddd;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s;
}

.social-icon-btn:hover {
    border-color: #4C75A3;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.social-icon-btn img {
    width: 24px;
    height: 24px;
}