﻿/* Стиль для женского форума - Web 2.0 дизайн */
/* Элегантный фон с цветами и узорами */

/* Общие стили для кода и цитат */
.code_td {
    FONT-SIZE: 13px; 
    COLOR: #6b4c79; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
.php_td {
    FONT-SIZE: 13px; 
    COLOR: #6b4c79; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
.q_td {
    FONT-SIZE: 13px; 
    COLOR: #6b4c79; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
.quote_td {
    FONT-SIZE: 13px; 
    COLOR: #6b4c79; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
.code_table {
    BORDER-RIGHT: #d4a5c2 1px solid; 
    BORDER-TOP: #d4a5c2 1px solid; 
    FONT-SIZE: 13px; 
    BORDER-LEFT: #d4a5c2 1px solid; 
    WIDTH: 95%; 
    BORDER-BOTTOM: #d4a5c2 1px solid; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica;
    background: linear-gradient(to bottom, #fff5f9, #fff);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(214, 165, 194, 0.15);
}
.php_table {
    BORDER-RIGHT: #d4a5c2 1px solid; 
    BORDER-TOP: #d4a5c2 1px solid; 
    FONT-SIZE: 13px; 
    BORDER-LEFT: #d4a5c2 1px solid; 
    WIDTH: 95%; 
    BORDER-BOTTOM: #d4a5c2 1px solid; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica;
    background: linear-gradient(to bottom, #fff5f9, #fff);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(214, 165, 194, 0.15);
}
.q_table {
    BORDER-RIGHT: #d4a5c2 1px solid; 
    BORDER-TOP: #d4a5c2 1px solid; 
    FONT-SIZE: 13px; 
    BORDER-LEFT: #d4a5c2 1px solid; 
    WIDTH: 95%; 
    BORDER-BOTTOM: #d4a5c2 1px solid; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica;
    background: linear-gradient(to bottom, #fff5f9, #fff);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(214, 165, 194, 0.15);
}
.quote_table {
    BORDER-RIGHT: #d4a5c2 1px solid; 
    BORDER-TOP: #d4a5c2 1px solid; 
    FONT-SIZE: 13px; 
    BORDER-LEFT: #d4a5c2 1px solid; 
    WIDTH: 95%; 
    BORDER-BOTTOM: #d4a5c2 1px solid; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica;
    background: linear-gradient(to bottom, #fff5f9, #fff);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(214, 165, 194, 0.15);
}

/* Основной стиль */
BODY {
    FONT-SIZE: 14px; 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    SCROLLBAR-FACE-COLOR: #f8e8f1; 
    BACKGROUND: linear-gradient(135deg, #fff5f9 0%, #fff0f6 100%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23fff5f9' stop-opacity='0.8'/%3E%3Cstop offset='100%25' stop-color='%23fff0f6' stop-opacity='0.8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='400' fill='url(%23a)'/%3E%3Cg opacity='0.1'%3E%3Cpath d='M100,100 Q150,50 200,100 T300,100' stroke='%23e8a2c9' stroke-width='1' fill='none'/%3E%3Cpath d='M50,200 Q100,150 150,200 T250,200' stroke='%23e8a2c9' stroke-width='1' fill='none'/%3E%3Cpath d='M150,300 Q200,250 250,300 T350,300' stroke='%23e8a2c9' stroke-width='1' fill='none'/%3E%3Ccircle cx='80' cy='120' r='15' fill='%23ffb6c1' opacity='0.3'/%3E%3Ccircle cx='250' cy='180' r='20' fill='%23ffb6c1' opacity='0.2'/%3E%3Ccircle cx='320' cy='80' r='12' fill='%23ffb6c1' opacity='0.4'/%3E%3Ccircle cx='180' cy='280' r='18' fill='%23ffb6c1' opacity='0.3'/%3E%3Cpath d='M120,50 Q140,30 160,50' stroke='%23d4a5c2' stroke-width='1' fill='none'/%3E%3Cpath d='M280,150 Q300,130 320,150' stroke='%23d4a5c2' stroke-width='1' fill='none'/%3E%3Cpath d='M60,250 Q80,230 100,250' stroke='%23d4a5c2' stroke-width='1' fill='none'/%3E%3C/svg%3E");
    PADDING-BOTTOM: 0px; 
    MARGIN: 0; 
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif; 
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
    SCROLLBAR-SHADOW-COLOR: #f0d6e3; 
    COLOR: #6b4c79; 
    SCROLLBAR-3DLIGHT-COLOR: #e8c6d8; 
    SCROLLBAR-ARROW-COLOR: #d4a5c2; 
    PADDING-TOP: 0px; 
    SCROLLBAR-TRACK-COLOR: #fcf2f7; 
    SCROLLBAR-DARKSHADOW-COLOR: #e8c6d8;
    background-attachment: fixed;
}

FONT {
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
    color: #6b4c79;
}
TH {
    FONT: 15px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
    color: #8a5a7c;
    font-weight: 600;
}
TD {
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
    color: #6b4c79;
}
P {
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
    color: #6b4c79;
    line-height: 1.6;
}

.gensmall {
    FONT-SIZE: 13px;
    color: #9d7a8f;
}
TD.genmed {
    FONT-SIZE: 13px;
    color: #8a5a7c;
}
.genmed {
    FONT-SIZE: 13px;
    color: #8a5a7c;
}
.explaintitle {
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px; 
    COLOR: #d4a5c2;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Ссылки */
A:link {
    COLOR: #d4a5c2; 
    TEXT-DECORATION: none;
    font-weight: 500;
    transition: all 0.3s ease;
}
A:active {
    COLOR: #c895b3; 
    TEXT-DECORATION: none;
}
A:visited {
    COLOR: #b887a6; 
    TEXT-DECORATION: none;
}
A:hover {
    COLOR: #ff9ec5; 
    TEXT-DECORATION: none;
    text-shadow: 0 0 8px rgba(255, 158, 197, 0.3);
}

A.postlink {
    COLOR: #d4a5c2; 
    TEXT-DECORATION: none;
    padding: 4px 8px;
    border-radius: 20px;
    transition: all 0.3s ease;
}

A.postlink:hover {
    background-color: rgba(212, 165, 194, 0.1);
    color: #ff9ec5;
}

.topictitle {
    FONT-WEIGHT: 600; 
    FONT-SIZE: 15px;
    color: #8a5a7c;
}
A.topictitle:visited {
    COLOR: #9d7a8f;
}
A.topictitle:hover {
    COLOR: #ff9ec5;
}

.name {
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px;
    color: #8a5a7c;
}

HR {
    BORDER-RIGHT: #f8e8f1 0px solid; 
    BORDER-TOP: #f8e8f1 1px solid; 
    BORDER-LEFT: #f8e8f1 0px solid; 
    BORDER-BOTTOM: #f8e8f1 0px solid; 
    HEIGHT: 0px;
    border-top: 1px dashed #e8c6d8;
    margin: 20px 0;
}

/* Категории */
TD.cat {
    FONT-WEIGHT: 600; 
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec); 
    TEXT-INDENT: 10px; 
    LETTER-SPACING: 1px; 
    HEIGHT: 40px;
    border-radius: 10px 10px 0 0;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
    border-bottom: none;
}
TD.catHead {
    FONT-WEIGHT: 600; 
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec); 
    TEXT-INDENT: 10px; 
    LETTER-SPACING: 1px; 
    HEIGHT: 40px;
    border-radius: 10px 10px 0 0;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
    border-bottom: none;
}
TD.catSides {
    FONT-WEIGHT: 600; 
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec); 
    TEXT-INDENT: 10px; 
    LETTER-SPACING: 1px; 
    HEIGHT: 40px;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
    border-bottom: none;
}
TD.catLeft {
    FONT-WEIGHT: 600; 
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec); 
    TEXT-INDENT: 10px; 
    LETTER-SPACING: 1px; 
    HEIGHT: 40px;
    border-radius: 10px 0 0 0;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
    border-bottom: none;
}
TD.catRight {
    FONT-WEIGHT: 600; 
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec); 
    TEXT-INDENT: 10px; 
    LETTER-SPACING: 1px; 
    HEIGHT: 40px;
    border-radius: 0 10px 0 0;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
    border-bottom: none;
}
TD.catBottom {
    FONT-WEIGHT: 600; 
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec); 
    TEXT-INDENT: 10px; 
    LETTER-SPACING: 1px; 
    HEIGHT: 40px;
    border-radius: 0 0 10px 10px;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
    border-top: none;
}

/* Строки */
.row1 {
    BACKGROUND: #ffffff;
    border: 1px solid #f5e0ec;
    border-radius: 8px;
    margin: 5px 0;
    transition: all 0.3s ease;
}
.row1:hover {
    background-color: #fff9fc;
    box-shadow: 0 4px 15px rgba(232, 162, 201, 0.1);
}
.row2 {
    BACKGROUND: #fefafc;
    border: 1px solid #f5e0ec;
    border-radius: 8px;
    margin: 5px 0;
    transition: all 0.3s ease;
}
.row2:hover {
    background-color: #fff9fc;
    box-shadow: 0 4px 15px rgba(232, 162, 201, 0.1);
}
.row3 {
    BACKGROUND: #fff9fc;
    border: 1px solid #f5e0ec;
    border-radius: 8px;
    margin: 5px 0;
    transition: all 0.3s ease;
}
.row3:hover {
    background-color: #ffffff;
    box-shadow: 0 4px 15px rgba(232, 162, 201, 0.1);
}

.helpline {
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec);
    border-radius: 8px;
    padding: 10px;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
}

TD.spacerow {
    BACKGROUND: linear-gradient(90deg, #d4a5c2, #e8c6d8, #d4a5c2);
    height: 2px;
    border-radius: 1px;
}
TD.rowpic {
    BACKGROUND: linear-gradient(to right, #f8e8f1, #ffffff);
    border-right: 1px solid #e8c6d8;
    border-radius: 8px 0 0 8px;
}
TH {
    PADDING-RIGHT: 15px; 
    PADDING-LEFT: 15px; 
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #e8a2c9, #d4a5c2); 
    COLOR: #ffffff; 
    WHITE-SPACE: nowrap; 
    HEIGHT: 40px; 
    TEXT-ALIGN: center;
    border-radius: 8px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.5px;
}

.bodyline {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    BACKGROUND: #ffffff; 
    BORDER-LEFT: #e8c6d8 1px solid; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 15px;
    box-shadow: 0 8px 30px rgba(232, 198, 216, 0.2);
    padding: 20px;
    margin: 20px auto;
    max-width: 1200px;
}
.forumline {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    BACKGROUND: #ffffff; 
    BORDER-LEFT: #e8c6d8 1px solid; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 15px;
    box-shadow: 0 8px 30px rgba(232, 198, 216, 0.15);
}
.maintitle {
    FONT: 600 28px/140% 'Playfair Display', 'Georgia', 'Times New Roman', serif; 
    COLOR: #8a5a7c; 
    TEXT-DECORATION: none;
    text-shadow: 2px 2px 4px rgba(232, 198, 216, 0.3);
    margin: 30px 0;
    padding-bottom: 15px;
    border-bottom: 3px solid #e8c6d8;
}

H1 {
    FONT: 600 28px/140% 'Playfair Display', 'Georgia', 'Times New Roman', serif; 
    COLOR: #8a5a7c; 
    TEXT-DECORATION: none;
    text-shadow: 2px 2px 4px rgba(232, 198, 216, 0.3);
}
H2 {
    FONT: 600 24px/150% 'Playfair Display', 'Georgia', 'Times New Roman', serif; 
    TEXT-DECORATION: none;
    color: #9d7a8f;
    margin: 25px 0;
}

.subtitle {
    FONT: 600 22px/150% 'Playfair Display', 'Georgia', 'Times New Roman', serif; 
    TEXT-DECORATION: none;
    color: #9d7a8f;
}

.nav {
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px;
    color: #d4a5c2;
}
.postbody {
    FONT-SIZE: 15px; 
    LINE-HEIGHT: 1.7;
    color: #6b4c79;
}
.postdetails {
    FONT-SIZE: 13px; 
    COLOR: #9d7a8f;
    font-style: italic;
}
.quote {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(to bottom, #fefafc, #fcf5f9); 
    BORDER-LEFT: #e8c6d8 1px solid; 
    COLOR: #8a5a7c; 
    LINE-HEIGHT: 1.6; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 10px;
    padding: 15px;
    margin: 15px 0;
    border-left: 4px solid #d4a5c2;
}
.code {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    PADDING-RIGHT: 15px; 
    BORDER-TOP: #e8c6d8 1px solid; 
    PADDING-LEFT: 15px; 
    BACKGROUND: linear-gradient(to bottom, #fcf5f9, #faf0f5); 
    PADDING-BOTTOM: 15px; 
    FONT: 13px 'Courier New', Courier, monospace; 
    BORDER-LEFT: #e8c6d8 1px solid; 
    COLOR: #9d7a8f; 
    PADDING-TOP: 15px; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 10px;
    margin: 15px 0;
}
.errorline {
    BORDER-RIGHT: #ff6b8b 1px solid; 
    BORDER-TOP: #ff6b8b 1px solid; 
    BACKGROUND: linear-gradient(to bottom, #ffe6ec, #ffd6e0); 
    BORDER-LEFT: #ff6b8b 1px solid; 
    BORDER-BOTTOM: #ff6b8b 1px solid;
    border-radius: 8px;
    padding: 10px;
    color: #cc4c6c;
}

FORM {
    DISPLAY: inline;
}
INPUT {
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
    color: #6b4c79;
}
SELECT {
    BACKGROUND: #ffffff; 
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
    color: #6b4c79;
    border: 1px solid #e8c6d8;
    border-radius: 8px;
    padding: 8px 12px;
}
INPUT.post {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    PADDING-LEFT: 12px; 
    BACKGROUND: #ffffff; 
    PADDING-BOTTOM: 10px; 
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica; 
    BORDER-LEFT: #e8c6d8 1px solid; 
    COLOR: #6b4c79; 
    PADDING-TOP: 10px; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 8px;
    transition: all 0.3s ease;
}
INPUT.post:focus {
    outline: none;
    border-color: #d4a5c2;
    box-shadow: 0 0 0 3px rgba(212, 165, 194, 0.2);
}
TEXTAREA.post {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    PADDING-LEFT: 12px; 
    BACKGROUND: #ffffff; 
    PADDING-BOTTOM: 10px; 
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica; 
    BORDER-LEFT: #e8c6d8 1px solid; 
    COLOR: #6b4c79; 
    PADDING-TOP: 10px; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 8px;
    transition: all 0.3s ease;
}
TEXTAREA.post:focus {
    outline: none;
    border-color: #d4a5c2;
    box-shadow: 0 0 0 3px rgba(212, 165, 194, 0.2);
}
INPUT.button {
    BORDER-RIGHT: #d4a5c2 1px solid; 
    BORDER-TOP: #d4a5c2 1px solid; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #e8a2c9, #d4a5c2); 
    BORDER-LEFT: #d4a5c2 1px solid; 
    COLOR: #ffffff; 
    PADDING: 12px 24px; 
    BORDER-BOTTOM: #d4a5c2 1px solid;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
INPUT.button:hover {
    background: linear-gradient(135deg, #ff9ec5, #e8a2c9);
    box-shadow: 0 4px 15px rgba(232, 162, 201, 0.4);
    transform: translateY(-2px);
}
INPUT.liteoption {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #ffffff, #fcf2f7); 
    BORDER-LEFT: #e8c6d8 1px solid; 
    COLOR: #8a5a7c; 
    PADDING: 10px 20px; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}
INPUT.liteoption:hover {
    background: linear-gradient(135deg, #fcf2f7, #f8e8f1);
    box-shadow: 0 4px 10px rgba(232, 198, 216, 0.3);
}

.fakebut {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #ffffff, #fcf2f7); 
    BORDER-LEFT: #e8c6d8 1px solid; 
    COLOR: #8a5a7c; 
    PADDING: 10px 20px; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 20px;
    font-weight: 500;
}
INPUT.catbutton {
    BORDER-RIGHT: #d4a5c2 1px solid; 
    BORDER-TOP: #d4a5c2 1px solid; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #e8a2c9, #d4a5c2); 
    BORDER-LEFT: #d4a5c2 1px solid; 
    COLOR: #ffffff; 
    PADDING: 10px 20px; 
    BORDER-BOTTOM: #d4a5c2 1px solid;
    border-radius: 20px;
    font-weight: 600;
}
INPUT.mainoption {
    BORDER-RIGHT: #c895b3 1px solid; 
    BORDER-TOP: #c895b3 1px solid; 
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #d4a5c2, #c895b3); 
    BORDER-LEFT: #c895b3 1px solid; 
    COLOR: #ffffff; 
    PADDING: 12px 24px; 
    BORDER-BOTTOM: #c895b3 1px solid;
    border-radius: 25px;
}

A.but {
    COLOR: #ffffff; 
    TEXT-DECORATION: none;
    background: linear-gradient(135deg, #e8a2c9, #d4a5c2);
    padding: 10px 20px;
    border-radius: 20px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s ease;
}
A.but:hover {
    COLOR: #ffffff; 
    TEXT-DECORATION: none;
    background: linear-gradient(135deg, #ff9ec5, #e8a2c9);
    box-shadow: 0 4px 15px rgba(232, 162, 201, 0.4);
    transform: translateY(-2px);
}
A.but:visited {
    COLOR: #ffffff; 
    TEXT-DECORATION: none;
}
.helpline {
    BORDER-RIGHT: 0px solid; 
    BORDER-TOP: 0px solid; 
    FONT-SIZE: 13px; 
    BORDER-LEFT: 0px solid; 
    BORDER-BOTTOM: 0px solid;
}
.topbkg {
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec);
    border-radius: 15px 15px 0 0;
    padding: 20px;
}
.topnav {
    BORDER-RIGHT: #e8c6d8 0px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #ffffff, #fcf2f7); 
    BORDER-LEFT: #e8c6d8 0px solid; 
    COLOR: #8a5a7c; 
    BORDER-BOTTOM: #e8c6d8 1px solid; 
    WHITE-SPACE: nowrap; 
    HEIGHT: 50px;
    border-radius: 10px;
    padding: 0 20px;
}
.admin {
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px;
}
.mod {
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px;
}
.admin {
    COLOR: #ff7ba3;
}
A.admin {
    COLOR: #ff7ba3;
}
A.admin:visited {
    COLOR: #ff6b8b;
}
.mod {
    COLOR: #a2d4a5;
}
A.mod {
    COLOR: #a2d4a5;
}
A.mod:visited {
    COLOR: #92c495;
}
A.admin:hover {
    COLOR: #ff4d7e;
}
A.mod:hover {
    COLOR: #82b485;
}
IMG {
    BORDER-RIGHT: 0px solid; 
    BORDER-TOP: 0px solid; 
    BORDER-LEFT: 0px solid; 
    BORDER-BOTTOM: 0px solid;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.copyright {
    FONT-SIZE: 12px; 
    COLOR: #9d7a8f; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
    LETTER-SPACING: -0.5px;
}
A.copyright {
    COLOR: #d4a5c2; 
    TEXT-DECORATION: none;
}
A.copyright:hover {
    COLOR: #ff9ec5; 
    TEXT-DECORATION: underline;
}

/* СТИЛИ для скрипта форума WR-Forum Professional версии 2.2 с 2019 года */

/* 1) ИЗМЕНЕНИЕ ИМЕЮЩЕГОСЯ СТИЛЯ */
.pgbutt a {
    font-family: 'Segoe UI', 'Lucida Grande', Verdana; 
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none; 
    border: 1px solid #e8c6d8; 
    background: linear-gradient(135deg, #ffffff, #fcf2f7); 
    padding: 10px 20px; 
    margin: 5px 5px 0 0;
    color: #8a5a7c;
    -moz-border-radius: 25px;
    -khtml-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-weight: 500;
    transition: all 0.3s ease;
}
 
.pgbutt a:hover {
    background: linear-gradient(135deg, #fcf2f7, #f8e8f1);
    color: #d4a5c2;
    box-shadow: 0 4px 15px rgba(232, 198, 216, 0.3);
    transform: translateY(-2px);
}

input.button,input.liteoption,.fakebut {
    border: 1px solid #e8c6d8; 
    background: linear-gradient(135deg, #ffffff, #fcf2f7); 
    font-size: 14px; 
    font-weight: 500;
    color: #8a5a7c;
    border-radius: 8px;
    padding: 10px 20px;
    transition: all 0.3s ease;
}

input.button:hover {
    background: linear-gradient(135deg, #fcf2f7, #f8e8f1);
    box-shadow: 0 4px 15px rgba(232, 198, 216, 0.3);
}

/* 2) QR-CODE */
#qr img {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 20px;
    top: 20px;
    border: 2px solid #e8c6d8;
    padding: 4px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(232, 198, 216, 0.3);
    transition: all 0.3s ease;
}

#qr img:hover {
    width: 200px;
    height: 200px;
    z-index: 100;
    padding: 8px;
    border-radius: 15px;