/* imports */
/* ===== ОБЩИЕ ПЕРЕМЕННЫЕ И СБРОСЫ ===== */
:root{--purple-dark:#5a2d8a;--purple-medium:#7b4d9e;--purple-light:#f5f0ff;--raspberry:#C71585;--raspberry-dark:#9c1f5e;--border-color:#e0d0ff;--gray-text:#444;--bg-soft:#faf8ff}
body{background:url(../images/tuman1.jpg)no-repeat center center fixed;background-size:cover}
@media all and (max-width:780px){.row,.col-lg-2.col-md-3.col-sm-3.col-xs-12{margin-left:1px;margin-bottom:1px}.col-lg-2.col-md-3.col-sm-3.col-xs-12{margin-right:1px}}
@font-face{font-family:"Andantino script";src:url("../fonts/andantino-script.woff2")format("woff2"),url("../fonts/andantino-script.woff")format("woff");font-display:swap;font-weight:normal;font-style:normal}
@font-face{font-family:'Merriweather';src:url("../fonts/merriweather/Merriweather-Black.woff")format("woff"),url("../fonts/merriweather/Merriweather-Black.woff2")format("woff2")}
@font-face{font-family:'Merriweather-Light';src:url("../fonts/merriweather/Merriweather-Light.woff")format("woff"),url("../fonts/merriweather/Merriweather-Light.woff2")format("woff2")}
@font-face{font-family:'Merriweather-Regular';src:url("../fonts/merriweather/Merriweather-Regular.woff")format("woff"),url("../fonts/merriweather/Merriweather-Regular.woff2")format("woff2")}
#italic{font-style:italic;font-weight:bold;margin-left:25px;border-left:2px solid black;padding:5px}

h1,h2,h3,h4,h5,h6{font-weight:bold;text-align:center}
h2{font-size:29px;margin:40px 0 30px 0;font-weight:bold;text-align:center}
@media (max-width:768px){h2{font-size:25px!important;margin:30px 0 30px 0!important}}
@media (max-width:480px){h2{font-size:22px!important;margin:25px 0 20px 0!important}}
h3{margin:40px 0 30px 0!important}
h3 img{vertical-align:baseline;margin-right:30px}
img{margin-top:3px}
h4{margin:40px 0 25px 0!important}

a{color:#3F3F49;text-decoration:none}
a:hover{color:white;text-decoration:none}
a:active{color:silver;text-decoration:none}

/* ===== стили главного меню ===== */
ul{margin:0;padding:0;list-style:none}
.intro{height:300px;position:fixed;text-align:center;color:#3F3F49;text-shadow:4px 4px 4px #aaa}
.intro,ul.menu>li>a,ul.menu1,ul.menu1>li>a{font-family:"Andantino script"}
.nav{height:190px}
ul.menu{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:100%}
ul.menu>li{position:relative;flex-shrink:1}
ul.menu>li>a{display:inline-block;padding:8px 12px;color:#3F3F49;text-decoration:none;font-size:28px;white-space:nowrap;transition:color .4s ease}
ul.menu>li>a::after,ul.menu1>li>a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);transition:width .4s ease}
ul.menu>li>a:hover{color:#fff}
ul.menu>li>a:hover::after,ul.menu1>li>a:hover::after{width:100%}
ul.menu1{display:block;position:fixed!important;margin-top:50px;margin-right:40px;z-index:5}
ul.menu1>li{text-align:center}
ul.menu1>li>a{display:block;text-align:center;padding-bottom:12px;color:#3F3F49;text-decoration:none;text-shadow:4px 4px 4px #aaa;position:relative;transition:color .4s ease}
ul.menu1>li>a:hover{color:#5a3d6c}
ul.submenu,ul.submenu1{display:none;position:absolute;z-index:1000;background-color:rgba(240,230,231,.5);box-shadow:0 0 7px 3px #F0E6E7}
ul.submenu{top:100%;padding:8px 0;min-width:160px}
ul.submenu1{width:auto !important;max-width:300px;padding:0;margin-right:20px;float:right;}
ul.menu>li:hover>ul.submenu,ul.menu1>li:hover>ul.submenu1{display:block}
ul.submenu>li,ul.submenu1>li{display:block;text-align:center;padding:10px 15px;font-family:Verdana;font-size:12px;font-weight:700;color:#3F3F49}
ul.submenu>li>a,ul.submenu1>li>a{color:inherit;text-decoration:none;display:block}
ul.submenu>li:hover,ul.submenu1>li:hover{background-color:rgba(255,255,255,.4)}
ul.submenu>li>a:hover,ul.submenu1>li>a:hover{color:#fff;text-decoration:none}
@media all and (min-width:780px) and (max-width:1280px){.nav{height:230px}}
@media all and (min-width:1360px){.intro,ul.menu1{font-size:35px}}
@media all and (max-width:1325px){ul.menu1{margin-right:20px}}
@media all and (min-width:1280px) and (max-width:1360px){.intro,ul.menu1{font-size:35px}}
@media all and (min-width:768px) and (max-width:1280px){.intro,ul.menu1{position:relative!important;margin-top:50px!important;height:auto;}.intro{width:250px!important;}ul.menu1{width:auto!important;max-width:300px;float:right;}}
@media all and (min-width:980px) and (max-width:1280px){.intro,ul.menu1{font-size:33px;margin-top:50px!important}}
@media all and (min-width:780px) and (max-width:980px){.intro,ul.menu1{font-size:30px;margin-top:50px!important}}
@media all and (min-width:768px) and (max-width:780px){.intro,ul.menu1{font-size:25px;margin-top:60px!important}}
@media all and (max-width:1400px){ul.menu>li>a{font-size:26px;padding:6px 10px}}
@media all and (max-width:1300px){ul.menu{gap:5px}ul.menu>li>a{font-size:26px;padding:5px 8px}}
@media all and (max-width:1200px){ul.menu{justify-content:center;gap:3px}ul.menu>li>a{font-size:26px;padding:4px 6px}}
@media all and (max-width:1100px){ul.menu>li>a{font-size:25px;padding:3px 5px}}

.sidebar{min-width:160px}
.content{word-wrap:break-word;text-align:justify;font-family:'Merriweather-Regular';font-size:16px;line-height:25px;padding:50px;background-color:rgba(210,189,216,0.7);border:2px solid #F0E6E0;box-shadow:0 -10px 30px rgba(40,20,60,0.4),0 10px 50px rgba(255,245,250,0.5),inset 0 0 0 1px rgba(255,255,255,0.15),inset 0 0 40px rgba(240,230,224,0.2);background-image:linear-gradient(to bottom,rgba(240,230,224,0) 0%,rgba(210,189,216,0.3) 30%,rgba(195,174,201,0.45) 100%)}
@media (max-width:480px){.content{font-size:14px;line-height:18px;padding:15px}}
@media (max-width:767px){.content{line-height:20px;padding:20px;margin-top:10px}}
@media (min-width:768px) and (max-width:979px){.content{padding:30px}}
.content p{text-align:left;font-family:'Merriweather-Regular',serif;line-height:1.6em;text-rendering:optimizeLegibility;font-weight:400;margin-bottom:1.5em;margin-top:5px}

.uchebnik{text-align:center;padding:12px;margin-left:50px;font-weight:700;color:#3F3F49;background-color:rgba(210,189,216,.5);border:2px solid #F0E6E0;background-image:linear-gradient(to bottom,rgba(225,205,230,.1) 0%,rgba(210,189,216,0) 50%,rgba(195,174,201,.1) 100%);box-shadow:0 -10px 30px rgba(40,20,60,.4),inset 0 -2px 4px rgba(150,130,160,.2),inset 0 2px 4px rgba(255,255,255,.4),0 0 15px rgba(240,230,224,.3);transition:all .4s ease;border-radius:0}
.uchebnik:hover{background-image:linear-gradient(to bottom,rgba(235,220,240,.7) 0%,rgba(220,200,226,.6) 50%,rgba(205,185,211,.7) 100%);box-shadow:0 6px 12px rgba(123,77,158,.15),inset 0 3px 6px rgba(255,255,255,.5),inset 0 -3px 6px rgba(140,120,150,.25),0 0 20px rgba(240,230,224,.4);transform:translateY(-2px);border-color:rgba(240,230,224,.8)}
.uchebnik:active{transform:translateY(1px);box-shadow:0 2px 4px rgba(123,77,158,.1),inset 0 1px 2px rgba(255,255,255,.3),inset 0 -1px 2px rgba(150,130,160,.15),0 0 10px rgba(240,230,224,.2)}
.earphones{width:80px;height:80px}
@media (min-width:768px) and (max-width:1280px){.col-lg-2.col-md-2.col-sm-3:first-child{padding-right:0!important}.sidebar{border:2px solid #F0E6E0;border-right:none;border-radius:10px 0 0 10px;box-shadow:0 6px 16px rgba(155,107,155,.4);padding:0}.sidebar .uchebnik:first-child{display:none!important}.sidebar .uchebnik{border:none!important;margin:0!important;padding:0!important;width:100%}.sidebar br{display:none!important}.sidebar .uchebnik a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:15px 10px;text-decoration:none;color:#333;border-bottom:1px solid #e0e0e0;font-size:14px;line-height:1.3;min-height:100px}.sidebar .uchebnik a img{width:48px!important;height:48px!important;margin:0 auto!important;display:block}.sidebar .uchebnik:last-child a{border-bottom:none}}
@media (max-width:767px){.uchebnik{display:none}}
@media (max-width:780px){.earphones{width:60px;height:60px}}
@media (max-width: 768px){.uchebnik{display: none;}}
@media (max-width: 768px){.sidebar{display: none;}}
@media (max-width:767px){.uchebnik{display: none;}}

.footer{margin-bottom:30px;height:50px;text-align:center;font-family:"Andantino script";font-size:25px;color:#EEE2E4;}
@media (max-width:768px){.footer{font-size:23px;color:#EEE2E4;word-wrap:break-word;padding-left:3px;padding-right:3px;box-sizing:border-box;}}
ul.footer-menu{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:100%;}
ul.footer-menu>li{position:relative;flex-shrink:1;}
ul.footer-menu>li>a{display:inline-block;padding:6px 10px;color:#3F3F49;text-decoration:none;font-family:"Andantino script";font-size:25px;color:#EEE2E4;white-space:nowrap;transition:color .4s ease;}

#welcome{width: 95%;color:#C71585;background-color:white;font-weight:bold;font-size:18px;text-align:center;padding:10px 20px;border-radius:10px;display:table;margin:25px auto;border:3px solid #C71585;box-shadow:0 5px 15px rgba(199,21,133,0.3);transition:all 0.3s ease;cursor:pointer}
#welcome:hover{box-shadow:0 8px 20px rgba(199,21,133,0.5);background-color:#d84a9c;color:white;}
@media (max-width: 390px){#welcome{font-size:15px;padding:8px 12px;width: 95%;}}

.page-main h1,.page-main h2,.page-main h4{font-family:'Georgia','Merriweather',serif;font-weight:600;line-height:1.3;letter-spacing:0.3px}
.page-main h1{font-size:37px;color:#333;text-align:center;padding:20px 0;text-shadow:0 1px 0 rgba(255,255,255,0.7),0 2px 2px rgba(0,0,0,0.15),0 -1px 1px rgba(0,0,0,0.05);position:relative}
.page-main h1:after{content:'';position:absolute;bottom:0;left:20%;width:60%;height:1px;background:linear-gradient(to right,transparent,rgba(90,45,138,0.4),rgba(90,45,138,0.7),rgba(90,45,138,0.4),transparent)}
.page-main h2{font-size:34px;color:#3a3a3a;padding:15px 0 15px 25px;margin-left:-25px;background:linear-gradient(to right,rgba(210,189,216,0.08),transparent 20px);position:relative}
.page-main h2:before{content:'';position:absolute;left:0;top:10%;height:80%;width:3px;background:linear-gradient(to bottom,transparent,rgba(160,140,170,0.6),transparent);border-radius:2px}
@media (max-width:768px){h2{font-size:31px !important;}}
.page-main h4{color:#8A3A5C;font-weight:700;font-size:29px;text-shadow:0 0 5px rgba(255,255,255,0.9),0 0 10px rgba(255,255,255,0.8),0 0 15px rgba(255,255,255,0.7),0 0 20px rgba(255,255,255,0.6),0 0 25px rgba(255,255,255,0.5);letter-spacing:0.3px}
@media (max-width:768px){.page-main h1{font-size:32px;padding:15px 0}.page-main h2{font-size:29px;margin-left:-15px;padding-left:20px}.page-main h4{font-size:26px;padding:14px 20px 14px 15px}}

ol{margin:20px 0 50px 0 !important}
ol li{margin-bottom:25px}
.markers{list-style:none;padding-left:0}
.markers li{margin-bottom:20px;padding-left:35px;position:relative;font-size:18px;line-height:1.5}
.markers li::before{content:"●";font-size:29px;position:absolute;left:0;top:-8px;transition:transform 0.2s}
.markers li:hover::before{transform:scale(1.2)}
.markers li:nth-child(1)::before{color:#C71585}
.markers li:nth-child(2)::before{color:#5a2d8a}
.markers li:nth-child(3)::before{color:green}
.markers li:nth-child(4)::before{color:#FFA500}

@media (max-width:490px){.markers li{font-size:15px;}}
@media (max-width: 767px) {.markers li::before {font-size: 24px;}}

.teacher-photo{width:150px;height:150px;float:left;margin:0 30px 15px 0;border-radius:50%}
@media (max-width:768px){.teacher-photo{width:120px;height:120px;float:none;display:block;margin:0 auto 20px auto}}
@media (max-width:480px){.teacher-photo{width:100px;height:100px}}
#larissa{float:left;margin-right:30px}
#larissa img{border-radius:50%;border:3px solid transparent;background:linear-gradient(45deg,#D2BDD8,#E6D8F0,#D2BDD8) border-box;box-shadow:0 5px 20px rgba(210,189,216,0.4),inset 0 0 20px rgba(255,255,255,0.6);position:relative;transition:all 0.5s ease;animation:gentleGlow 4s ease-in-out infinite}
#larissa img:hover{transform:scale(1.03);box-shadow:0 8px 30px rgba(210,189,216,0.6),0 0 0 5px rgba(210,189,216,0.2),inset 0 0 30px rgba(255,255,255,0.8)}
@keyframes gentleGlow{0%,100%{box-shadow:0 5px 20px rgba(210,189,216,0.4)}50%{box-shadow:0 5px 25px rgba(210,189,216,0.6)}}
#larissa1,#photo3{position:relative;z-index:1;margin:10px 20px 10px 0;padding:8px;background:linear-gradient(145deg,rgba(250,248,252,0.95),rgba(240,235,245,0.95));border-radius:12px;box-shadow:0 4px 12px rgba(170,150,185,0.2),0 8px 20px rgba(210,189,216,0.15),inset 0 0 0 1px rgba(255,255,255,0.9);display:inline-block;max-width:300px}
#larissa1{float:left;margin-right:25px;margin-left:0;margin-top:5px;margin-bottom:5px;transform:rotate(-1.8deg)}
#photo3{float:right;margin-left:25px;margin-right:0;margin-top:5px;margin-bottom:5px;transform:rotate(1.8deg)}
#photo3 img{display:block;width:260px;height:auto;max-width:280px;border-radius:8px;border:2px solid rgba(210,189,216,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 0 0 8px rgba(250,248,252,0.6)}
#photo3:hover{border-color:transparent!important}
#larissa1 img{display:block;width:auto;height:auto;max-width:280px;border-radius:8px;border:2px solid rgba(210,189,216,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 0 0 8px rgba(250,248,252,0.6)}
#larissa1:hover,#photo3:hover{transform:rotate(0deg);box-shadow:0 6px 18px rgba(170,150,185,0.25),0 12px 30px rgba(210,189,216,0.2)}
#larissa1:hover img,#photo3:hover img{border-color:rgba(210,189,216,0.5)}
#larissa1 + p,#photo3 + p{margin-top:2px}
.old-photo{filter:sepia(0.2) brightness(0.98)}
.modern-photo{filter:brightness(1.03)}
@media (max-width:480px){#larissa1,#photo3{float:none;display:block;margin:15px auto!important;max-width:85%}#larissa1 img,#photo3 img{margin:0 auto;max-width:100%}.clearfix{overflow:visible}}
@media (max-width:480px){body{padding:15px 10px}#larissa1,#photo3{max-width:95%;margin:12px auto!important;padding:6px}.photo-caption{font-size:0.85em}}
.tight-text #larissa1,.tight-text #photo3{margin-right:15px!important;margin-left:15px!important;margin-top:3px!important;margin-bottom:3px!important}
.tight-text p{margin-bottom:12px}
.clearfix,.tight-text{background:radial-gradient(ellipse 80% 50% at center 40%,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.25) 50%,transparent 100%);box-shadow:-8px 0 15px -8px rgba(210,189,216,0.25),8px 0 15px -8px rgba(210,189,216,0.25),0 0 25px rgba(210,189,216,0.15);border:none;border-top:none;border-bottom:none;border-radius:40px/20px;padding:15px 25px;margin:10px 0;transition:all 0.3s ease}
.clearfix:hover,.tight-text:hover{background:radial-gradient(ellipse at center,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 60%,transparent 100%);box-shadow:0 0 40px rgba(210,189,216,0.4)}
.photo-caption{font-style:italic;font-size:14.4px;color:#6a5b7c;text-align:center;margin-top:6px;padding:4px 2px;border-top:1px dashed rgba(210,189,216,0.4);line-height:1.3}
@media (max-width:490px){.photo-caption{font-size:12px}}
.clearfix{overflow:hidden;margin-bottom:15px}
.clearfix::after{content:"";display:table;clear:both}
#larissa img,.teacher-photo{border-radius:50%;border:3px solid transparent;background:linear-gradient(45deg,#D2BDD8,#E6D8F0,#D2BDD8) border-box;box-shadow:0 5px 20px rgba(210,189,216,0.4);float:left;margin:0 30px 15px 0;shape-outside:circle(50% at 50% 50%);shape-margin:30px;animation:gentleGlow 4s ease-in-out infinite;transition:all 0.5s ease}
#larissa img:hover,.teacher-photo:hover{transform:scale(1.03);box-shadow:0 8px 30px rgba(210,189,216,0.6),0 0 0 5px rgba(210,189,216,0.2)}
.page-main p:first-of-type::first-letter{font-family:"Andantino script",cursive;font-size:4em;float:left;line-height:1;margin-right:10px;margin-top:5px;color:#5a3d6c}
.teacher-photo + p,.teacher-photo ~ p{background:radial-gradient(ellipse 80% 50% at center 40%,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.25) 50%,transparent 100%);box-shadow:-8px 0 15px -8px rgba(210,189,216,0.25),8px 0 15px -8px rgba(210,189,216,0.25),0 0 25px rgba(210,189,216,0.15);border:none;border-top:none;border-bottom:none;border-radius:40px/20px;padding:15px 25px;margin:10px 0;transition:all 0.3s ease}
.teacher-photo + p:hover,.teacher-photo ~ p:hover{background:radial-gradient(ellipse at center,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.4) 60%,transparent 100%);box-shadow:0 0 40px rgba(210,189,216,0.4)}
        /* Навигационные подсказки */
#navedi{font-style:italic;color:#6a5b7c;text-align:center;padding:12px;margin:25px 0;background:linear-gradient(90deg,transparent,rgba(210,189,216,0.2),transparent);border-top:1px dashed rgba(210,189,216,0.4);border-bottom:1px dashed rgba(210,189,216,0.4);}
   

.connect{ text-align:center;}
              /* Баннеры */

#colours
{float:left;
}


.filmphoto{display:block;margin:50px auto;padding:10px 10px 12px 10px;background:linear-gradient(145deg,rgba(250,248,252,0.95),rgba(240,235,245,0.95));border-radius:16px;box-shadow:0 8px 20px rgba(170,150,185,0.25),0 12px 28px rgba(210,189,216,0.2),inset 0 1px 0 rgba(255,255,255,0.8);width:fit-content;max-width:90%;text-align:center;transition:all 0.3s ease;}
.filmphoto img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);border:1px solid rgba(210,189,216,0.4);}

#filmphoto1{display:block;margin:50px auto;padding:10px 10px 10px 10px;background:linear-gradient(145deg,rgba(250,248,252,0.95),rgba(240,235,245,0.95));border-radius:16px;box-shadow:0 8px 20px rgba(170,150,185,0.25),0 12px 28px rgba(210,189,216,0.2),inset 0 1px 0 rgba(255,255,255,0.8);width:fit-content;max-width:90%;text-align:center;transition:all 0.3s ease;}
#filmphoto1 img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);border:1px solid rgba(210,189,216,0.4);}
.film-caption{font-size:0.85em;font-style:italic;color:#6a5b7c;text-align:center; margin-top: -40px;margin-bottom:40px;padding-top:0;padding-bottom:8px;border-top:1px dashed rgba(210,189,216,0.4);line-height:1.3;}

img[src="images/english.jpg"] {
    max-width: 100%;
    height: auto;
    display: block;
}


p {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* Стили для страницы песен */
/* Стили для кнопки-лейбла */
.lyrics-label{display:block;background:linear-gradient(to bottom,#7b4d9e 0%,#5a2d8a 100%);color:white!important;border:none;border-radius:8px;padding:12px 25px;font-size:18px;cursor:pointer;margin:15px 0 10px 0;width:100%;text-align:left;position:relative;transition:all 0.3s;box-shadow:0 4px 8px rgba(90,45,138,0.2);font-weight:600;}
.lyrics-label:hover{background:linear-gradient(to bottom,#8b5dae 0%,#6a3d9a 100%);box-shadow:0 6px 12px rgba(90,45,138,0.3);transform:translateY(-2px);}
.lyrics-label:active{transform:translateY(1px);}
.lyrics-label .opened{display:none;}
.lyrics-checkbox:checked ~ .lyrics-label .closed{display:none;}
.lyrics-checkbox:checked ~ .lyrics-label .opened{display:inline;}
.lyrics-checkbox:checked ~ .lyrics-label{background:linear-gradient(to bottom,#5a2d8a 0%,#4a1d7a 100%);border-radius:8px 8px 0 0;margin-bottom:0;}
.collection-block{margin:40px 0;padding:30px;background:linear-gradient(135deg,#f5f0ff 0%,#fff0f5 100%);border-radius:15px;border:2px solid #e6d7ff;text-align:center;}
.lyrics-content{max-height:0;overflow:hidden;opacity:0;background:#f8f9ff;border-left:5px solid #7b4d9e;border-radius:0 0 8px 8px;padding:0 20px;transition:all 0.5s ease;box-shadow:0 2px 4px rgba(0,0,0,0.05);margin-top:0;}
.lyrics-checkbox:checked ~ .lyrics-content{max-height:2000px;opacity:1;padding:20px;margin-top:0;margin-bottom:20px;}
.lyrics-content pre{white-space:pre-wrap;font-family:'Arial',sans-serif;line-height:1.6;margin:0;font-size:16px;color:#333;}
audio{width:100%;height:50px;margin:15px 0;border-radius:8px;background:#f5f0ff;}
audio::-webkit-media-controls-panel{background:linear-gradient(to bottom,#f5f0ff 0%,#f0e6ff 100%);border-radius:8px;border:1px solid #d2bdd8;}
audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-mute-button{background-color:#7b4d9e;border-radius:50%;}
audio::-webkit-media-controls-play-button:hover,audio::-webkit-media-controls-mute-button:hover{background-color:#5a2d8a;}
audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-time-remaining-display{color:#5a2d8a;font-weight:bold;}
audio::-webkit-media-controls-volume-slider{background-color:#7b4d9e;border-radius:25px;padding-left:8px;padding-right:8px;}
audio::-moz-range-track{background-color:#7b4d9e;}
.collection-block h2,.seo-block h2{color:#5a2d8a;margin-bottom:25px;font-size:29px;}
.collection-block h2{margin-bottom:20px;}
.seo-block h2{border-bottom:2px dashed #d2bdd8;padding-bottom:10px;}
@media (max-width:768px){.collection-block h2,.seo-block h2{font-size:26px;}}
@media (max-width:480px){.collection-block h2,.seo-block h2{font-size:24px;}}
.song-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0;}
.song-tag{display:inline-block;background:white;padding:8px 15px;border-radius:20px;border:2px solid #d2bdd8;color:#5a2d8a;font-weight:500;text-decoration:none;transition:all 0.3s;}
.song-tag:hover{background:#7b4d9e;color:white;border-color:#7b4d9e;transform:translateY(-3px);text-decoration:none;}
.method-block{margin:40px 0;padding:10px;background:rgba(255,255,255,0.9);border-radius:15px;border-left:5px solid #7b4d9e;box-shadow:0 5px 15px rgba(123,77,158,0.1);}
.method-box{background:#f8f5ff;border-radius:10px;padding:7px;margin:10px 10px 10px;}
.method-step{padding:20px 25px 15px;background:white;border-radius:8px;border-left:4px solid #7b4d9e;}
.step-number{background:#7b4d9e;color:white;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;margin-left:10px;}
.step-content h3{color:#5a2d8a;font-size:19px;}
@media (max-width:768px){.step-content h3{font-size:18px;}}
@media (max-width:480px){.step-content h3{font-size:16px;}}
@media (max-width:1350px){.method-box{margin:8px 0 8px 0;}.method-step{padding:10px 15px 8px;}}
.download-tip{background:linear-gradient(135deg,#e6d7ff 0%,#f0e6ff 100%);padding:15px;border-radius:8px;border:1px dashed #7b4d9e;font-size:1.1em;}
.water-block{margin:30px 0;padding:20px;background:#f9f7ff;border-radius:10px;border:2px solid #e6d7ff;}
.water-block h3{color:#5a2d8a;margin-top:0;}
.fun-fact{background:#fff0f7;padding:10px 15px;border-radius:8px;margin-top:15px;border-left:3px solid #ff6b9d;}
.lyrics{margin-top:15px;padding:20px;background:#f8f9ff;border-left:5px solid #7b4d9e;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,0.05);}
.lyrics pre{white-space:pre-wrap;font-family:'Arial',sans-serif;line-height:1.6;margin:0;}
.method-intro{margin:20px 0;padding:20px;background:rgba(248,245,255,0.9);border-radius:10px;border-left:4px solid #7b4d9e;line-height:1.6;}

/*Стили для страницы словаря*/
body.dictionary h1{color:#5a2d8a;text-align:center;font-size:35.5px;margin:20px 0;padding:11px 0;border-top:3px solid #9b59b6;border-bottom:3px solid #9b59b6;background:linear-gradient(to right,rgba(255,255,255,0.8),rgba(255,255,255,1),rgba(255,255,255,0.8));letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,0.1);border-radius:5px}
@media (max-width:768px){body.dictionary h1{font-size:30px}}
@media (max-width:480px){body.dictionary h1{font-size:27px}}
/*Стили для страницы словаря - оглавление */
.dictionary-content{background:#fff;padding:30px;border-radius:12px;margin:25px 0;box-shadow:0 5px 15px rgba(0,0,0,0.05);border:1px solid #e6e0f0}
.dictionary-content h2{color:#5a2d8a;text-align:center;margin:10px 0 15px;padding-bottom:12px;font-size:29px;border-bottom:2px solid #d2bdd8}
/* Адаптив */@media (max-width: 768px){.dictionary-content h2{font-size: 26px;}}
 /* Адаптив */@media (max-width: 480px){.dictionary-content h2{font-size: 24px;}}
.dictionary h3{color:#5a2d8a;text-align:center;margin-bottom:20px;font-size:24px;}
/* Адаптация для h3 и h4 на странице словаря */
@media (max-width:768px){.dictionary h3{font-size:22px}}
@media (max-width:480px){.dictionary h3{font-size:20px}}
.dictionary h4{color:#7b4d9e;margin:30px 0 5px;padding-left:30px;font-size:19px;position:relative}
@media (max-width:768px){.dictionary h4{font-size:18px}}
@media (max-width:480px){.dictionary h4{font-size:16px}}

.dictionary h4:before{content:"→";position:absolute;left:0;color:#5a2d8a;font-weight:bold;font-size:1.2em}

.dictionary-block,.author-block{background:#fff;padding:20px;border-radius:15px;margin:30px 0;border:2px dashed #d2bdd8}
.how-to-block{background:linear-gradient(135deg,#f8f5ff,#f0eaf8);padding:1px 35px 55px;border-radius:12px;margin:30px 0;border-left:5px solid #7b4d9e}
.how-to-conclusion {text-align:center;margin-top:40px;font-weight: bold;}

.interaction-demo{display:flex;flex-direction:column;gap:10px}
.demo-step{background:#fff;padding:10px;border-radius:10px;border:1px solid #e6e0f0;transition:transform 0.3s ease,box-shadow 0.3s ease}
.demo-step:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.08)}
.demo-step p{color:#555;line-height:1.5;margin:0;padding-left:30px}
.author-block{position:relative;padding:20px 15px}
.author-block:before{content:"!";position:absolute;top:-20px;left:50%;transform:translateX(-50%);background:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5em;border:2px solid #d2bdd8}
.faq-section{background:#f9f7ff;padding:25px;border-radius:15px;margin:40px 0 20px}
.faq-item{background:#fff;padding:15px;margin-bottom:15px;border-radius:10px;border-left:4px solid #9b59b6;box-shadow:0 3px 8px rgba(0,0,0,0.05)}
.dictionary strong{color:#5a2d8a;font-weight:600}
@media (max-width:768px){.dictionary-content,.how-to-block,.author-block{padding:20px 15px;margin:20px 0}
.author-block:before{width:35px;height:35px;font-size:1.2em;top:-17px}}
@media (max-width:480px){.interaction-demo{gap:15px}
.demo-step{padding:15px}
.demo-step h4{font-size:1.1em;padding-left:20px}
.demo-step p{padding-left:20px;font-size:14.5px}}

/* Ссылки-кнопки оглавления словаря */
.oge1{text-align:center;margin-right:25px;margin-top:30px;padding:8px;border:2px solid rgba(210,189,216,0.3);font-weight:bold;height:auto;width:135px;background:linear-gradient(to bottom,#f5f0ff,#e6d7ff);color:#5a2d8a;float:left;border-radius:12px;box-shadow:0 4px 6px rgba(123,77,158,0.1),inset 0 0 15px rgba(255,255,255,0.6),0 0 0 1px rgba(255,255,255,0.4);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:all 0.3s ease}
.oge1 a{color:#3F3F49;text-decoration:none;font-weight:600;font-size:13px;letter-spacing:0.5px;transition:color 0.3s ease;display:inline-block;margin-top:8px;padding:7px 12px;border-radius:4px;background:rgba(255,255,255,0.3)}
.oge1:hover{border-color:rgba(123,77,158,0.5);box-shadow:0 8px 20px rgba(123,77,158,0.2),inset 0 0 20px rgba(255,255,255,0.7),0 0 0 1px rgba(255,255,255,0.5);transform:translateY(-2px)}
.oge1:hover a{color:#5a2d8a;background:rgba(255,255,255,0.6);transform:translateY(-1px)}
@media (min-width:768px) and (max-width:1350px){.oge1{width:115px;margin-right:15px;margin-top:25px;padding:6px;font-size:10.5px}.oge1 a{font-size:12px;padding:4px 8px;margin-top:6px}}
@media (max-width:480px){.oge1{width:115px;margin-right:10px;margin-top:15px;padding:4px;border-width:1px;border-radius:8px}.oge1 a{font-size:12px;padding:3px 5px;margin-top:4px;letter-spacing:0.3px}}
/* Конец стилей для страницы словаря */

/*Стили для страницы про цвета */
.color-steps{display:flex;flex-direction:column;gap:20px}
.step-item{background:white;padding:20px;border-radius:10px;border-left:6px solid #7b4d9e;border-top:1px solid #e6e0f0;border-right:1px solid #e6e0f0;border-bottom:1px solid #e6e0f0;transition:transform 0.3s ease,box-shadow 0.3s ease}
.step-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.08)}
.step-header{color:#7b4d9e;margin-bottom:10px;font-size:18px;position:relative;padding-left:25px}
.step-header:before{content:"→";position:absolute;left:0;color:#5a2d8a;font-weight:bold;font-size:18px}
.step-text{color:#555;line-height:1.5;margin:0;padding-left:0}
.step-item:nth-child(1){border-left-color:#7b4d9e}
.step-item:nth-child(1) .step-header{color:#7b4d9e}
.step-item:nth-child(1) .step-header:before{color:#5a2d8a}
.step-item:nth-child(2){border-left-color:#4aa896}
.step-item:nth-child(2) .step-header{color:#4aa896}
.step-item:nth-child(2) .step-header:before{color:#3a8777}
.step-item:nth-child(3){border-left-color:#e6a157}
.step-item:nth-child(3) .step-header{color:#e6a157}
.step-item:nth-child(3) .step-header:before{color:#d18a40}
.step-item:nth-child(4){border-left-color:#5a8de6}
.step-item:nth-child(4) .step-header{color:#5a8de6}
.step-item:nth-child(4) .step-header:before{color:#3a6bc4}
.step-item:nth-child(5){border-left-color:#d15a7a}
.step-item:nth-child(5) .step-header{color:#d15a7a}
.step-item:nth-child(5) .step-header:before{color:#b03d5d}
@media (max-width:768px){.color-steps{gap:15px}.step-item{padding:18px}.step-header:before{font-size:16px}}
@media (max-width:480px){.color-steps{gap:12px}.step-item{padding:15px;border-left-width:4px}.step-header{font-size:16px;padding-left:10px}.step-text{font-size:15px}}
.step-link{text-align: center;  display: block;color:#7b4d9e;font-weight:bold;text-decoration:none;border-bottom:2px dotted #7b4d9e;padding-bottom:2px;transition:all 0.3s ease}
.step-link:hover{color:#5a2d8a;border-bottom:2px solid #5a2d8a;text-decoration:none}

.white-block{padding:20px;text-align:centre;color:white;background:#7b4d9e;line-height:1.6;font-size:20px;border-radius:10px}
.white-block p{color:white}
.white-block strong{color:pink}
.white-block ul{margin:10px 10;padding:10px;color:white;font-size:17px}
.white-block li{margin-bottom:13px}
@media (max-width:768px){.white-block{font-size:18px;padding:18px}.white-block ul{font-size:15px}}
@media (max-width:480px){.white-block{font-size:16px;padding:15px}.white-block ul{font-size:14px;margin:8px 8px;padding:8px}.white-block li{margin-bottom:10px}}
@media (max-width:360px){.white-block{font-size:14px;padding:12px}.white-block ul{font-size:13px}}

/* Цветные интерактивные квадратики - словарь */
table.kvadratyky{border:1px;border-style:hidden;}
td.kvadratyky{border:0px;border-style:hidden;}
#red,#green,#blue,#yellow,#brown,#black,#purple,#orange,#grey,#pink,#violet,#beige,#aquamarine,#silver,#gold{width:100px;height:100px;margin-top:50px;margin-left:70px;border:4px solid white;}
#red{background:red;}#green{background:green;}#blue{background:blue;}#yellow{background:yellow;}#brown{background:brown;}#black{background:black;}#purple{background:purple;}#orange{background:orange;}#grey{background:grey;}#pink{background:pink;}#violet{background:violet;}#beige{background:beige;}#aquamarine{background:aquamarine;}#silver{background:silver;}#gold{background:gold;}
@media all and (max-width:780px){#red,#green,#blue,#yellow,#brown,#black,#purple,#orange,#grey,#pink,#violet,#beige,#aquamarine,#silver,#gold{width:50px;height:50px;margin-top:25px;margin-left:25px;}}
@media all and (min-width:780px) and (max-width:980px){#red,#green,#blue,#yellow,#brown,#black,#purple,#orange,#grey,#pink,#violet,#beige,#aquamarine,#silver,#gold{width:50px;height:50px;margin-top:50px;margin-left:50px;}}
@media all and (min-width:980px) and (max-width:1280px){#red,#green,#blue,#yellow,#brown,#black,#purple,#orange,#grey,#pink,#violet,#beige,#aquamarine,#silver,#gold{width:70px;height:70px;margin-top:20px;margin-left:70px;}}
@media all and (min-width:1280px){#red,#green,#blue,#yellow,#brown,#black,#purple,#orange,#grey,#pink,#violet,#beige,#aquamarine,#silver,#gold{width:100px;height:100px;margin-top:25px;margin-left:70px;}}


/* Стили для интерактивного словаря */
.animals-interactive{background:rgba(249,245,255,0.9);padding:25px;border-radius:15px;max-width:800px;margin:30px auto;border:2px solid #C71585;box-shadow:0 10px 30px rgba(199,21,133,0.1);text-align:center}
.animals-output{width:300px;height:60px;margin:0 auto 25px;padding:15px;font:bold 22px 'Tahoma',sans-serif;text-align:center;border:3px solid #7b4d9e;border-radius:10px;background:white;color:#7b4d9e;box-shadow:inset 0 3px 10px rgba(0,0,0,0.1);resize:none;display:block}
.animals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.animal-card{background:white;border-radius:12px;padding:15px;border:2px solid #e6e0f0;transition:0.3s ease;cursor:pointer}
.animal-card:hover{transform:translateY(-8px);border-color:#C71585;box-shadow:0 12px 25px rgba(199,21,133,0.15)}
.animal-card img{width:100%;max-width:200px;height:auto;border-radius:8px;border:2px solid #f0f0f0}
.animal-card:hover img{border-color:#7b4d9e}
.instruction{color:#800050;font-weight:bold;text-align:center;margin:25px 0 15px;font-size:1.1em;letter-spacing:1px}
@media (max-width:768px){.animals-interactive{padding:20px;margin:20px auto}.animals-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin:10px 0 20px}.top-output,.bottom-output{position:sticky;z-index:100;background:white}.top-output{top:10px;box-shadow:0 5px 15px rgba(0,0,0,0.15);margin-bottom:15px}.bottom-output{bottom:10px;box-shadow:0 -5px 15px rgba(0,0,0,0.15);margin-top:15px}.animals-output{width:90%;max-width:300px;font-size:18px;height:55px;padding:12px}}
@media (max-width:480px){.animals-grid{gap:10px;padding:10px}.animal-card{padding:10px}.animal-card img{max-width:150px}.animals-output{font-size:16px;height:50px;padding:10px}.top-output{top:5px}.bottom-output{bottom:5px}}
@media (max-width:390px){.animals-grid{grid-template-columns:1fr;gap:15px;padding:10px}.animal-card{padding:12px;text-align:center}.animal-card img{max-width:180px;margin:0 auto;display:block}.animals-interactive{padding:15px;margin:15px auto}.animals-output{width:95%;font-size:15px;height:48px;padding:10px}.top-output{top:0;margin-bottom:10px}.bottom-output{bottom:0;margin-top:10px}}

/* Базовые стили для всех селектов */
select { padding: 10px; font-size: 16px; border: 2px solid #C71585; border-radius: 8px; max-width: 100%; box-sizing: border-box; }
input.check-button { background: #7b4d9e; color: white; border: none; padding: 12px 30px; font-size: 18px; border-radius: 10px; cursor: pointer; font-weight: bold; box-shadow: 0 5px 15px rgba(123, 77, 158, 0.3); transition: all 0.3s ease; margin: 10px 0; }
input.check-button:hover { background: #C71585; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(199, 21, 133, 0.4); }
textarea.result-field { width: 250px; padding: 15px; font-size: 20px; border: 3px solid #C71585; border-radius: 10px; background: white; color: #7b4d9e; font-weight: bold; text-align: center; margin-top: 20px; resize: none; transition: all 0.3s ease; font-family: 'Tahoma', sans-serif; }
textarea.result-field:focus { outline: none; border-color: #7b4d9e; box-shadow: 0 0 15px rgba(123, 77, 158, 0.3); }
select.test-select { width: 250px; padding: 12px; font-size: 18px; border: 3px solid #7b4d9e; border-radius: 10px; background: white; color: #333; font-weight: bold; margin-bottom: 20px; font-family: 'Tahoma', sans-serif; }

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    select.test-select, textarea.result-field { width: 90%; max-width: 300px; }
    input.check-button { width: 90%; max-width: 300px; padding: 15px; }
}
/* Ссылки-кнопки страницы с оглавлениями тестов */
.oglavleniye{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:15px;margin-top:30px;margin-bottom:40px;clear:both}
.oge{text-align:center;padding:12px 8px;border:1px solid #7b4d9e;font-weight:bold;font-size:13px;width:145px;flex-shrink:0;background:linear-gradient(to bottom,#f5f0ff,#e6d7ff);color:#5a2d8a;border-radius:8px;box-shadow:0 4px 8px rgba(123,77,158,0.2),inset 0 2px 4px rgba(255,255,255,0.8);transition:all 0.3s ease;box-sizing:border-box}
.oge a{color:inherit;text-decoration:none;display:block}
.oge:hover{background:linear-gradient(to bottom,#e6d7ff,#d2bdd8);border-color:#5a2d8a;box-shadow:0 2px 4px rgba(123,77,158,0.3),inset 0 1px 3px rgba(0,0,0,0.1);transform:translateY(2px)}
@media (max-width:768px){.oglavleniye{justify-content:center;gap:12px;margin-bottom:35px}.oge{width:130px;padding:10px 6px;font-size:12px}}
@media (max-width:480px){.oglavleniye{justify-content:center;gap:10px;margin-top:20px;margin-bottom:30px}.oge{width:calc(50% - 10px);min-width:110px;max-width:145px;padding:8px 4px;font-size:12px}}
@media (max-width:320px){.oge{width:100%;max-width:200px}}

/* ========== СТИЛИЗАЦИЯ ДЛЯ СТРАНИЦЫ ТЕСТОВ ========== */
.exam-page{--primary-dark:#5a2d8a;--primary-medium:#7b4d9e;--primary-light:#9b59b6;--accent-correct:#2a7a5c;--accent-incorrect:#b22234;--bg-task:#f8f9ff;--bg-hover:#f0e6ff;--border-color:#d2bdd8;--text-dark:#2c3e50;}
.exam-page .btn-primary,.exam-page .btn-secondary{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;width:auto;min-width:200px}
.exam-page .btn-primary{background:linear-gradient(to bottom,var(--primary-medium) 0%,var(--primary-dark) 100%);border:none;border-radius:8px;padding:10px 25px;font-weight:600;font-size:1em;color:#f0e6ff;box-shadow:0 4px 12px rgba(90,45,138,0.25);transition:all .3s ease;display:block;margin:30px auto;max-width:350px;text-align:center;text-decoration:none}
.exam-page .btn-primary:hover{background:linear-gradient(to bottom,var(--primary-light) 0%,var(--primary-medium) 100%);color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(90,45,138,0.35);text-decoration:none}
.exam-page .btn-secondary{background:linear-gradient(to bottom,#f0e6ff 0%,#e0d6ef 100%)!important;border:2px solid var(--border-color);border-radius:8px;padding:10px 25px;font-weight:600;font-size:1em;color:#5a2d8a;box-shadow:0 3px 8px rgba(90,45,138,0.15);transition:all .3s ease;display:block;margin:20px auto;max-width:350px;text-align:center;text-decoration:none}
.exam-page .btn-secondary:hover{background:linear-gradient(to bottom,#e6d7ff 0%,#d6c7ef 100%);color:#2c0059;transform:translateY(-2px);box-shadow:0 5px 15px rgba(90,45,138,0.25);text-decoration:none;border-color:var(--primary-medium)}

.exam-page h1 { color: #5e3a8a; text-align: center; font-size: 35px; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 3px solid var(--primary-medium); position: relative; }
.exam-page h1:after { content: ''; position: absolute; bottom: -3px; left: 40%; width: 20%; height: 3px; background: linear-gradient(90deg, transparent, var(--primary-light), transparent); }
@media (max-width:768px){.exam-page h1{margin-top:10px;}}
@media (max-width:480px){.exam-page h1{margin-top:8px;}}

.exam-page .task-block { margin-bottom: 40px; padding: 0; border-radius: 12px; background: var(--bg-task); border: 1px solid var(--border-color); box-shadow: 0 5px 20px rgba(90, 45, 138, 0.08); overflow: hidden; }
@media (max-width: 768px) { .exam-page h1 { font-size: 30px; } }
@media (max-width: 480px) { .exam-page h1 { font-size: 27px; } }
.exam-page .task-inner { padding: 25px; }
.exam-page .task-title { color: white; background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-medium) 100%); padding: 18px 25px; margin: 0; font-size: 24px; border-bottom: 2px solid var(--border-color); display: flex; align-items: center; }
.exam-page .task-title:before { content: '✎'; margin-right: 12px; font-size: 1.3em; }
.exam-page .task-instruction { background: #f8f9ff; padding: 18px; border-radius: 8px; margin: 20px 0; border-left: 4px solid var(--primary-medium); line-height: 1.5; color: #2c3e50; border: 1px solid var(--border-color); }
.exam-page .task-instruction strong { color: var(--primary-dark); }
.exam-page .question { margin: 25px 0; padding: 20px; background: white; border-radius: 10px; border: 1px solid var(--border-color); }
.exam-page .question input[type="radio"] { margin-right: 12px; transform: scale(1.2); accent-color: var(--primary-medium); }
.exam-page .question label { cursor: pointer; font-size: 1.05em; color: var(--text-dark); display: inline-block; padding: 5px 0; }
.exam-page audio { width: 100%; height: 54px; margin: 20px 0; border-radius: 10px; background: #f5f0ff; }
.exam-page audio::-webkit-media-controls-panel { background: linear-gradient(to bottom, #f5f0ff 0%, #f0e6ff 100%); border-radius: 10px; border: 1px solid var(--border-color); }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
.exam-page .answer-feedback { animation: fadeIn 0.5s; }
.exam-page .banner + .task-block { margin-top: 40px; }
@media (max-width: 768px) { .exam-page .content h1 { font-size: 1.8em; } .exam-page .task-title:before { font-size: 1.2em; } .exam-page .task-inner { padding: 20px 15px; } .exam-page .question { padding: 15px; } .exam-page .text-input { max-width: 100%; } }
@media (max-width: 480px) { .exam-page .task-title { font-size: 18px !important; padding: 10px 12px !important; line-height: 1.35 !important; } .exam-page .task-title:before { font-size: 1.1em; } }
@media (max-width: 340px) { .exam-page .task-title { font-size: 16px !important; padding: 8px !important; word-break: break-word !important; white-space: normal !important; } .exam-page .task-title:before { font-size: 1em; margin-right: 8px; } }
.exam-page #show-reference-btn { display: block; margin: 40px auto 30px auto; padding: 12px 25px; background: #C71585; color: white; border: none; border-radius: 8px; font-weight: 600; font-size: 1.1em; cursor: pointer; box-shadow: 0 4px 12px rgba(199,21,133,0.25); transition: all 0.3s ease; max-width: 300px; text-align: center; }
.exam-page #show-reference-btn:hover { background: #d84a9c; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(199,21,133,0.35); }

.exam-page .text-input{border:2px solid #C71585;border-radius:6px;padding:10px 15px;font-size:1em;width:100%;max-width:250px;}
.exam-page .table-input{width:50px;text-align:center;font-weight:bold;font-size:1.1em;border:2px solid #C71585;border-radius:5px;padding:8px;}
@media (min-width:768px) and (max-width:1024px){.exam-page .text-input{max-width:200px;padding:8px 12px;font-size:0.95em;border-width:1.5px;}
.exam-page .table-input{width:40px;font-size:1em;padding:6px;border-width:1.5px;}}
@media (min-width:1320px) and (max-width:1400px){#ege-table-task .text-input{max-width:180px;font-size:0.9em;padding:6px;border-width:1.5px;}


.exam-page .table {border-collapse: separate; border-spacing: 0; border-radius: 8px; overflow: hidden; border: 1px solid var(--border-color); }
.exam-page .table thead th { background-color: var(--primary-dark); color: white; border: none; padding: 12px; font-weight: 600; }
.exam-page .table tbody tr:nth-of-type(even) { background-color: rgba(248, 249, 255, 0.5); }
#ege-table-task .table-input{width:30px;font-size:0.9em;padding:5px;border-width:1.5px;}}
@media screen and (min-width:1200px) and (max-width: 1319px){#ege-table-task td{display:flex;align-items:center;width:100%;margin-bottom:8px;}
#ege-table-task td:first-child{min-width:30px;font-size:16px;font-weight:700;}
#ege-table-task .table-input,#ege-table-task input[type=text],#ege-table-task input[type=number]{width:60%;height:auto;font-size:13px;padding:0;border-width:1px;}}
@media screen and (max-width:1200px){#ege-table-task .text-input{max-width:180px;font-size:0.9em;padding:6px;border-width:1.5px;}
#ege-table-task .table-input{width:30px;font-size:0.9em;padding:5px;border-width:1.5px;}}
@media screen and (max-width: 600px){#ege-table-task td{display:flex!important;align-items:center!important;width:100%!important;margin-bottom:8px!important}
#ege-table-task td:first-child{min-width:30px!important;font-size:16px!important;font-weight:700!important}
#ege-table-task .table-input,#ege-table-task input[type=text],#ege-table-task input[type=number]{width:60%!important;height:auto!important;font-size:13px!important;padding:0!important;border-width:1px!important}}
@media screen and (max-width:510px){
    #ege-table-task{display:block;width:100%;overflow-x:hidden}
    #ege-table-task thead,#ege-table-task thead tr,#ege-table-task th{display:none}
    #ege-table-task tbody,#ege-table-task tr{display:block}
    #ege-table-task tr{margin-bottom:20px;border:1px solid #ddd;border-radius:10px;padding:0;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}
    #ege-table-task td{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border:none;border-bottom:1px solid #eee}
    #ege-table-task td:last-child{border-bottom:none}
    #ege-table-task td:first-child{font-weight:700;font-size:16px;background:#f5f5f5;justify-content:flex-start;border-radius:10px 10px 0 0;border-bottom:2px solid #ddd}
    #ege-table-task .table-input,#ege-table-task input[type=text],#ege-table-task input[type=number]{width:70px!important;min-width:60px;height:40px!important;text-align:center;font-size:16px!important;padding:8px 5px;border:1px solid #ccc;border-radius:6px;background:#fff;box-sizing:border-box}
    #ege-table-task td:nth-child(2)::before{content:"A";font-weight:700;font-size:16px;color:#333;margin-right:15px}
    #ege-table-task td:nth-child(3)::before{content:"B";font-weight:700;font-size:16px;color:#333;margin-right:15px}
    #ege-table-task td:nth-child(4)::before{content:"C";font-weight:700;font-size:16px;color:#333;margin-right:15px}
    #ege-table-task td:nth-child(5)::before{content:"D";font-weight:700;font-size:16px;color:#333;margin-right:15px}
    #ege-table-task td:nth-child(6)::before{content:"E";font-weight:700;font-size:16px;color:#333;margin-right:15px}
    #ege-table-task td:nth-child(7)::before{content:"F";font-weight:700;font-size:16px;color:#333;margin-right:15px}
    #ege-table-task td:nth-child(8)::before{content:"G";font-weight:700;font-size:16px;color:#333;margin-right:15px}
    #ege-table-task *{max-width:100%;box-sizing:border-box}
}
.answers-header{background-color:#e6ccff;padding:12px 16px;border-radius:8px;margin-bottom:20px;}
.answers-header strong,.answers-header span{color:#c71585;}
.answers-header strong{font-size:16px;}
.answers-header span{font-weight:bold;}
#reference-block{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:10px;}

/* ========== СТИЛИЗАЦИЯ BOOTSTRAP КАРУСЕЛИ ========== */
#reviewsCarousel{margin:40px 0;padding:20px;background:white;border-radius:12px;border:3px solid #7d50a5;box-shadow:0 8px 25px rgba(125,80,165,0.15);position:relative;overflow:visible;}
.carousel-inner{min-height:300px;padding:10px;}
.review-item{padding:20px;text-align:center;background:#fdfdfd;border-radius:8px;border:1px solid #f0f0f0;}
.review-text{font-style:italic;color:#444;line-height:1.6;margin-bottom:15px;font-size:15px;quotes:"«" "»";padding:0 10px;}
.review-text:before{content:open-quote;color:#D2BDD8;font-size:24px;margin-right:5px;}
.review-text:after{content:close-quote;color:#D2BDD8;font-size:24px;margin-left:5px;}
.review-author{font-weight:600;color:#555;margin:15px 0;font-size:14px;}
.review-preview{max-width:90%;max-height:180px;width:auto;object-fit:contain;border-radius:6px;border:2px solid #e8e8e8;cursor:default;margin:10px auto;display:block;transition:all 0.3s ease;}
.carousel-indicators{bottom:-40px;margin-left:0;width:auto;left:50%;transform:translateX(-50%);display:flex;justify-content:center;}
.carousel-indicators li{background-color:#ddd;border:none;width:10px;height:10px;margin:0 5px;border-radius:50%;text-indent:-9999px;overflow:hidden;}
.carousel-indicators .active{background-color:#D2BDD8;width:12px;height:12px;}
.carousel-control{background:none!important;width:40px;opacity:0.7;}
.carousel-control:hover{opacity:1;}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{color:#D2BDD8;font-size:24px;text-shadow:none;}
.all-reviews-btn{display:block;width:180px;margin:50px auto 20px;padding:8px 20px;background:white;color:#D2BDD8;border:2px solid #D2BDD8;border-radius:20px;text-align:center;text-decoration:none;font-weight:500;transition:all 0.3s;}
.all-reviews-btn:hover{background:#D2BDD8;color:white;text-decoration:none;}
@media (max-width:768px){#reviewsCarousel{padding:15px;margin:30px 10px;}.review-preview{height:150px;max-width:95%;}.review-text{font-size:14px;}}

ol{counter-reset:list-counter;list-style:none;padding-left:0;}
ol li{position:relative;padding-left:40px;margin-bottom:30px;line-height:1.5;}
ol li:before{counter-increment:list-counter;content:counter(list-counter);position:absolute;left:0;top:0;background-color:#D2BDD8;color:#333;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:16px;}
ol li a{color:#5a3d6c;text-decoration:none;border-bottom:1px dashed #D2BDD8;transition:all 0.3s ease;}
ol li a:hover{color:#7a5c8c;border-bottom:1px solid #7a5c8c;}

.reasons-title{font-size:1.35em;color:#4a4a4a;padding:18px 30px 18px 25px;background:linear-gradient(145deg,#fcfaff,#f5f0fa);border-left:12px solid rgba(150,120,170,0.8);border-top:2px solid rgba(255,255,255,0.9);border-bottom:3px solid rgba(100,80,120,0.5);border-right:1px solid rgba(180,160,200,0.3);border-radius:10px 16px 16px 10px;box-shadow:6px 8px 15px -5px rgba(0,0,0,0.25),inset 0 2px 5px rgba(255,255,255,0.9),inset 0 -3px 8px rgba(0,0,0,0.1),inset 2px 0 3px rgba(255,255,255,0.6);position:relative;overflow:hidden;transform:perspective(400px) rotateX(1deg) rotateY(-1deg);}
.reasons-title::after{content:'❖';position:absolute;bottom:8px;right:12px;font-size:0.9em;color:rgba(160,130,180,0.35);transform:rotate(15deg);text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
.reasons-title::before{content:'';position:absolute;top:0;left:-5px;width:10px;height:100%;background:linear-gradient(to right,rgba(255,255,255,0.4),transparent);transform:skewX(-10deg);}
.reasons-list{padding:25px 35px;margin:30px 0 70px 0;border-radius:12px;position:relative;font-size:1.1em;background:linear-gradient(to bottom,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.5) 10%,rgba(255,255,255,0.2) 25%,rgba(210,189,216,0.25) 45%,rgba(140,120,150,0.5) 75%,rgba(100,80,110,0.65) 100%);border:1px solid rgba(255,255,255,0.2);border-top:2px solid rgba(255,255,255,0.5);border-bottom:3px solid rgba(60,40,70,0.7);box-shadow:inset 0 8px 15px rgba(255,255,255,0.8),inset 0 -10px 20px rgba(0,0,0,0.35),15px 15px 25px -8px rgba(0,0,0,0.4),-15px 15px 25px -8px rgba(0,0,0,0.4),0 18px 20px -12px rgba(255,255,240,0.5);}
@media (max-width:768px){.reasons-title{font-size:20px;}}
@media (max-width:480px){.reasons-title{font-size:18px;}}

.flex-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0;}
.ring{text-align:center;padding:10px;font-weight:bold;height:auto;color:black;}
a .ring{transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);position:relative;overflow:hidden;}
a .ring:hover{transform:translateY(-10px) scale(1.08);background:linear-gradient(145deg,rgba(210,189,216,0.3),rgba(230,210,240,0.5));box-shadow:0 20px 40px rgba(210,189,216,0.6),inset 0 1px 0 rgba(255,255,255,0.6);border:3px solid rgba(210,189,216,0.8);}
a .ring:hover br,a .ring:hover{text-shadow:0 2px 4px rgba(0,0,0,0.2);}
a .ring:hover img{transform:scale(1.2) rotate(12deg) translateY(-5px);filter:drop-shadow(0 10px 15px rgba(0,0,0,0.4)) contrast(1.2);}
@media (max-width:1450px){.ring img{width:90px;height:90px;}.ring{padding:8px;}.ring{font-size:0.95em;}}
@media (max-width:1350px){.ring{padding:7px;}.ring img{width:80px;height:80px;gap:0px;padding:0px;}}
@media (max-width:1250px){.flex-container{gap:10px;}.ring{font-size:16px;}.ring img{width:80px!important;height:80px!important;object-fit:contain;}}
@media (max-width:490px){.flex-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:300px;margin:0 auto;}}
@media (max-width:340px){.flex-container{gap:10px;}.ring{padding:5px;text-align:center;font-size:14px;}.ring img{width:80px!important;height:80px!important;object-fit:contain;}}

/* === стили для блока очно-заочно */
.section{max-width:800px;margin:35px auto;padding:65px 20px 25px 20px;border-radius:16px;border:1px solid rgba(255,240,250,0.15);background:linear-gradient(145deg,rgba(140,85,170,0.45),rgba(160,110,190,0.5),rgba(120,65,150,0.4));box-shadow:inset 0 6px 20px rgba(70,30,100,0.2),inset 0 -6px 20px rgba(50,20,80,0.25),0 4px 15px rgba(70,30,100,0.15);backdrop-filter:blur(6px);}
.section h3{margin:0 0 25px 0!important;color:rgba(255,250,245,0.85);text-shadow:0 1px 2px rgba(90,45,138,0.2);font-weight:700;text-align:center;font-size:1.7em;}

/* ОСНОВНЫЕ СТИЛИ КАРТОЧКИ - всё в одном месте */
.ring1{display:inline-block;width:220px;margin:0 15px;padding:25px 20px;border-radius:12px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.1);text-align:center;vertical-align:top;transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;height:320px;position:relative;}
.ring1 img{width:150px;height:150px;position:absolute;bottom:25px;left:50%;transform:translateX(-50%);filter:brightness(0) opacity(0.9) drop-shadow(0 2px 3px rgba(0,0,0,0.15));}
.format-title{font-size:1.6em;font-weight:500;color:rgba(255,250,245,0.9);margin-bottom:10px;}
.format-description{font-size:14px;color:rgba(255,250,245,0.8);line-height:1.4;margin-top:15px;font-style:italic;}
.format-link:hover .ring1{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.2);background:rgba(255,255,255,0.15);}
@media (max-width:1450px){.ring1{display:inline-block;width:180px;height:270px;padding:25px 8px;border-radius:12px;}.format-title{font-size:1.3em;font-weight:500;margin-bottom:6px;}.format-description{font-size:13px;line-height:1.4;margin-top:15px;}.ring1 img{width:120px;height:120px;}}
@media (max-width:1280px){.ring1{display:inline-block;width:130px;height:250px;padding:15px 5px;}.ring1 img{width:100px;height:100px;}}
@media (max-width:768px){.ring1{display:block;width:90%;margin:20px auto;min-height:300px;}.ring1 img{width:130px;height:130px;}}
@media (max-width:390px){.ring1{display:block;width:90%;margin:20px auto;min-height:300px;}.ring1 img{width:100px;height:100px;}.format-description{font-size:13px;line-height:1.3;margin-top:10px;}}

#pricing{margin:10px 10px;font-family:inherit}
#pricing table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(155,107,155,.25)}
#pricing th{background:linear-gradient(135deg,#B46A9E 0%,#D46B9E 100%);color:#fff;font-weight:600;font-size:19px;padding:18px 15px;text-align:center;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.2);border-bottom:2px solid rgba(255,255,255,.3)}
#pricing td{padding:12px 20px;border-bottom:1px solid rgba(180,106,158,.2);color:#4a4a4a}
#pricing tr:nth-child(even){background-color:rgba(210,189,216,.1)}
#pricing td:first-child{font-weight:500;color:#5a5a5a;border-right:1px dashed rgba(180,106,158,.3)}
#pricing td:last-child{font-weight:600;color:#B46A9E;text-align:right}
#pricing tr:last-child td{border-bottom:none}
@media (max-width:1400px){.section,.unique-block,.reasons-list,#pricing{margin-top:10px;margin-bottom:10px}h1,h2,h3,h4{margin-top:0;margin-bottom:0;line-height:1.1}.reasons-list{padding:15px}.reasons-list li{margin-bottom:3px;font-size:15px}#pricing td,#pricing th{padding:8px 10px}.running-link{margin:5px 0}.connect{padding:25px}.form-group{margin-bottom:12px}.form-control{padding:12px 15px}#reviewsCarousel{margin:15px 0}}
@media (max-width:600px){#pricing th{font-size:16px;padding:12px 8px}#pricing td{padding:10px 12px;font-size:14px}}
table{width:100%;border-collapse:collapse;border:4px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.04)}
td,th{padding:12px 15px;text-align:center;border-bottom:1px solid rgba(210,189,216,.9)}
th{height:65px;background:#fff;border-bottom:2px solid rgba(160,140,170,1);font-size:18px}
td{height:40px;border:1px solid #fff}

.unique-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;background-color:white;border:3px solid #9B6B9B;border-radius:10px;box-shadow:0 6px 16px rgba(155,107,155,0.4);padding:35px 20px 35px 20px;margin:60px auto;font-weight:bold;font-size:1.3em;text-align:center;color:#9B6B9B;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;}
.unique-grid h4{grid-column:1/-1;align-self:start!important;font-size:26px;padding:0 20px 0 20px;}
.unique-item{background:rgba(255,255,255,0.7);backdrop-filter:blur(5px);border-radius:15px;padding:15px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid rgba(255,255,255,0.3);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;word-wrap:break-word;}
.unique-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);background:rgba(255,255,255,0.9);}
.unique-icon{font-size:48px;margin-bottom:10px;color:#9B6B9B;}
.unique-title{font-size:18px;font-weight:bold;margin-bottom:8px;color:#9B6B9B;word-wrap:break-word;}
.unique-desc{font-size:14px;color:#555;line-height:1.5;word-wrap:break-word;}
.icon-desktop{display:inline-block;font-size:48px;line-height:1;color:#9B6B9B;}
.emoji-mobile{display:none!important;}
@media (max-width:768px){.icon-desktop{display:none!important;}.emoji-mobile{display:inline!important;font-size:48px;line-height:1;}.unique-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:40px 15px 20px 15px;}.unique-item{padding:12px;}.unique-title{font-size:18px;}.unique-desc{font-size:12px;}.running-text{font-size:12px;}}
@media (max-width:480px){.icon-desktop,.emoji-mobile{font-size:36px;}.unique-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:30px 10px 15px 10px;}.unique-item{padding:8px;}.unique-title{font-size:14px;}.unique-desc{font-size:12px;}.unique-icon{font-size:36px;margin-bottom:5px;}.unique-grid h4{font-size:20px;}}
@media (max-width:378px){.unique-grid{grid-template-columns:1fr;}}

/* 1. Стили для ВСЕХ полей ввода в форме .connect */
.connect input[type="text"],
.connect input[type="email"],
.connect input[type="tel"],
.connect textarea {
    border: 2px solid rgba(210, 189, 216, 0.5) !important;
    border-radius: 6px !important;
    padding: 12px 15px !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
    box-sizing: border-box !important; /* Важно, чтобы padding не ломал ширину */
    width: 100% !important; /* Чтобы поля растягивались на ширину формы */
    margin-bottom: 15px !important; /* Отступ между полями */
}

/* 2. Эффект при фокусе (когда пользователь кликает в поле) */
.connect input[type="text"]:focus,
.connect input[type="email"]:focus,
.connect input[type="tel"]:focus,
.connect textarea:focus {
    outline: none !important;
    border-color: #5a2d8a !important;
    box-shadow: 0 0 0 3px rgba(90, 45, 138, 0.15) !important;
}

/* 3. Анимация появления полей (если захотите оставить) */
.connect .form-group {
    opacity: 0;
    transform: translateY(15px);
    animation: fadeInUp 0.6s ease forwards;
}
@keyframes fadeInUp {
    to { opacity: 1; transform: translateY(0); }
}

.page-otzivi #otzyvy{background:rgba(235,225,240,0.95);padding:25px;margin:30px 0;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.7);border:1px solid rgba(210,189,216,0.5);position:relative;}
.page-otzivi #otzyvy:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,rgba(210,189,216,0.4),rgba(255,255,255,0.8),rgba(210,189,216,0.4));border-radius:10px 10px 0 0;}
.page-otzivi #otzyvy img{max-width:100%;height:auto;border-radius:6px;margin-top:15px;border:1px solid rgba(210,189,216,0.6);box-shadow:0 2px 8px rgba(0,0,0,0.05);background:white;}

.page-translations{--vampire-red:#8b0000;--gothic-purple:#4b0082;--midnight-blue:#191970;--raven-black:#0a0a0a;--parchment:#f5f5dc;--blood-highlight:#ff2400;}
.page-translations #photo2,.page-translations #photo3{width:250px;height:auto;position:relative;display:inline-block;margin:20px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);border-radius:4px;overflow:hidden;box-shadow:0 10px 25px rgba(139,0,0,0.3),0 0 0 1px rgba(139,0,0,0.2),inset 0 0 20px rgba(0,0,0,0.5);border:2px solid transparent;background:linear-gradient(45deg,var(--vampire-red),var(--gothic-purple),var(--midnight-blue)) border-box;}
.page-translations #photo2{float:left;margin:10px 25px 15px 0;}
.page-translations #photo3{float:right;margin:10px 0 15px 25px;}
.page-translations #photo2 img,.page-translations #photo3 img{display:block;width:250px;height:auto;max-width:100%;object-fit:contain;transition:all 0.4s ease;filter:sepia(0.3) contrast(1.1) brightness(0.9);border:3px solid var(--raven-black);border-radius:4px;}
.page-translations #photo2:hover,.page-translations #photo3:hover{transform:scale(1.02);box-shadow:0 20px 40px rgba(139,0,0,0.5),0 0 0 3px var(--blood-highlight),0 0 30px rgba(255,36,0,0.4);}
.page-translations #photo2:hover img,.page-translations #photo3:hover img{filter:sepia(0) contrast(1.2) brightness(1.1);border-color:var(--blood-highlight);}
.page-translations #photo3{transform:none!important;}
#note{font-style:italic;color:var(--vampire-red);text-align:center;font-size:1.1em;margin:10px 0 20px;padding:8px;background:linear-gradient(90deg,transparent,rgba(139,0,0,0.1),transparent);border-top:1px solid rgba(139,0,0,0.3);border-bottom:1px solid rgba(139,0,0,0.3);text-shadow:0 0 10px rgba(255,36,0,0.3);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:0.8;}50%{opacity:1;}}
.gotik{font-family:'Georgia','Times New Roman',serif;font-style:italic;color:var(--gothic-purple);font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,0.3);padding:0 3px;position:relative;}
.gotik:after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--vampire-red),transparent);}
.page-translations h1{color:var(--raven-black);text-align:center;font-size:2.5em;margin-bottom:30px;padding-bottom:15px;position:relative;text-shadow:2px 2px 4px rgba(0,0,0,0.2);}
.page-translations h1:after{content:'';position:absolute;bottom:0;left:25%;width:50%;height:3px;background:linear-gradient(90deg,transparent,var(--vampire-red),var(--gothic-purple),var(--vampire-red),transparent);}
.page-translations p{color:#333;text-align:justify;margin-bottom:20px;}
.page-translations .banner{margin:40px 0;padding:25px;background:linear-gradient(135deg,rgba(139,0,0),rgba(75,0,130));border-radius:10px;border:2px solid rgba(139,0,0,0.3);box-shadow:0 5px 15px rgba(139,0,0,0.2);}
@media (max-width:1200px){.page-translations #photo2,.page-translations #photo3{width:200px;}.page-translations #photo2 img,.page-translations #photo3 img{width:200px;height:auto;}}
@media (max-width:768px){.clearfix,.clearfix p{line-height:1.6!important;}#photo2,#photo3{display:block;margin:20px auto;max-width:90%;}.page-translations #photo2 img,.page-translations #photo3 img{width:100%;height:auto;max-height:400px;}.page-translations h1{font-size:2em;}}
@media (max-width:490px){.page-translations #photo2,.page-translations #photo3{float:none;width:100%;max-width:100%;margin:20px auto;text-align:center;}.page-translations #photo2 img,.page-translations #photo3 img{width:90%;max-width:280px;height:auto;display:block;margin:0 auto;}.page-translations p{clear:both;margin-top:15px;}}
/*Для страницы авторских тестов и  проверки авторского теста*/
/* css/test-results.css - стили ТОЛЬКО для страниц результатов тестов */

/* ОСНОВНЫЕ СТИЛИ */
.custom-title{color:#5a2d8a;text-align:center;font-size:2.1em;margin:20px 0;padding:18px;background:rgba(240,235,250,0.9);border-left:6px solid #7b4d9e;border-right:6px solid #7b4d9e;font-weight:600;}
.question h3{font-size:19px;line-height:1.5;margin:0;}
@media (max-width:768px){.question h3{font-size:17px;}}
@media (max-width:480px){.question h3{font-size:16px;}}
.result{background-color:rgba(210,189,216,0.7);border-radius:16px;padding:10px;margin:10px 0;box-shadow:0 8px 25px rgba(90,45,138,0.1);border:1px solid #d2bdd8;}
#level-result{background:linear-gradient(135deg,white,#f8f9ff);border-radius:12px;padding:10px;margin-bottom:15px;border:1px solid #d2bdd8;box-shadow:0 4px 15px rgba(123,77,158,0.08);}
#score-badge{display:inline-block;background:linear-gradient(135deg,#7b4d9e,#5a2d8a);color:white;font-weight:bold;font-size:24px;padding:8px 16px;border-radius:30px;margin-right:12px;box-shadow:0 4px 8px rgba(90,45,138,0.2);}
#level-title{color:#5a2d8a;font-size:28px;font-weight:700;display:inline-block;}
#level-description{background:white;padding:10px;border-radius:10px;margin:10px 0;border-left:5px solid #9b59b6;line-height:1.6;color:#2c3e50;box-shadow:inset 0 0 10px rgba(210,189,216,0.3);}
.highlight{color:#5a2d8a;font-weight:600;background:rgba(155,89,182,0.1);padding:2px 6px;border-radius:4px;}
#recommendations{background:linear-gradient(135deg,#f8f9ff,white);padding:30px;border-radius:15px;margin:25px 0;border:2px solid #9b59b6;box-shadow:0 10px 30px rgba(155,89,182,0.15);}
#recommendations h3{color:#5a2d8a;font-size:24px;text-align:center;margin:0 0 25px 0;padding-bottom:15px;border-bottom:3px solid #d2bdd8;}
#recommendations ul{list-style:none;padding:0;margin:0;}
#recommendations li{margin-bottom:15px;}
#recommendations a{display:block;background:linear-gradient(to bottom,#e6d7ff 0%,#d2bdd8 100%);color:#5a2d8a;padding:20px 25px;border-radius:12px;text-decoration:none;font-weight:bold;font-size:18px;text-align:center;box-shadow:0 5px 15px rgba(90,45,138,0.25);transition:all 0.3s ease;border:2px solid #9b59b6;padding:20px 25px 20px 50px;position:relative;display:block;text-indent:0;animation:gentle-pulse 3s infinite ease-in-out;}
#recommendations a[href*="audio"]{background:linear-gradient(to bottom,#d6c7ef 0%,#c2b3df 100%);color:#4a1d7a;border-color:#8e44ad;}
#recommendations a[href*="reading"]{background:linear-gradient(to bottom,#e6d7ff 0%,#d2bdd8 100%);color:#5a2d8a;border-color:#9b59b6;}
#recommendations a[href*="test_level"]{background:linear-gradient(to bottom,#f0e6ff 0%,#e6d7ff 100%);color:#5a2d8a;border-color:#d2bdd8;}
#recommendations a:hover{background:linear-gradient(to bottom,#ffffff 0%,#f0e6ff 100%);color:#4a1d7a;transform:translateY(-3px);box-shadow:0 8px 25px rgba(90,45,138,0.4);border-color:#8e44ad;animation:none;transform:translateY(-3px) scale(1.03)!important;box-shadow:0 12px 35px rgba(90,45,138,0.6)!important;}
#recommendations a::before{font-family:'Glyphicons Halflings';position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:18px;line-height:1;color:#5a2d8a;}
#recommendations a[href*="audio"]::before{content:'\e185';}
#recommendations a[href*="reading"]::before{content:'\e043';}
#recommendations a[href*="test_level"]::before{content:'\e031';}
#recommendations a[href^="#"]::before{content:'\e003';}
#recommendations a:hover::before{color:#4a1d7a;transform:translateY(-50%) scale(1.1);transition:all .3s ease;}
@media (max-width:768px){#recommendations a{padding-left:45px;}#recommendations a::before{left:15px;font-size:16px;}}
@keyframes gentle-pulse{0%,100%{transform:translateY(-3px);box-shadow:0 8px 25px rgba(90,45,138,0.4);}50%{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(90,45,138,0.5);}}
#answers-review-section{background:white;border-radius:12px;padding:20px;margin-top:20px;border:1px solid #d2bdd8;box-shadow:0 4px 15px rgba(123,77,158,0.08);}
#answers-review-section h3{color:#5a2d8a;margin-top:0;font-size:22px;padding-bottom:15px;border-bottom:2px solid #d2bdd8;}
.answer-item{border:1px solid #d2bdd8;border-radius:8px;overflow:hidden;transition:all 0.3s ease;cursor:pointer;background-color:white;}
.answer-item:hover{box-shadow:0 3px 10px rgba(90,45,138,0.1);}
.answer-item.correct{border-left:5px solid #2a7a5c;background-color:rgba(42,122,92,0.05);}
.answer-item.incorrect{border-left:5px solid #b22234;background-color:rgba(178,34,52,0.05);}
.answer-header{padding:15px;display:flex;align-items:center;background-color:white;}
.answer-item.expanded .answer-header{background-color:#f0e6ff;}
.status-icon{font-size:20px;margin-right:10px;}
@media (max-width:768px){.status-icon{font-size:18px;margin-right:8px;}}
@media (max-width:480px){.status-icon{font-size:12px;margin-right:0;}}
.status-text{font-weight:bold;margin-right:auto;color:#2c3e50;}
@media (max-width:380px){.status-text{font-size:12px;}}

.correct .status-text{color:#2a7a5c;}
.incorrect .status-text{color:#b22234;}
.question-number{color:#5d6d7e;margin-right:10px;}
.toggle-icon{transition:transform 0.3s ease;font-size:12px;color:#7b4d9e;}
.answer-item.expanded .toggle-icon{transform:rotate(180deg);color:#5a2d8a;}
.question-text{padding:0 15px 15px 15px;font-style:italic;color:#2c3e50;border-bottom:1px solid #d2bdd8;margin:0 15px;display:none;}
.answer-item.expanded .question-text{display:block;}
.answer-details{padding:0 15px;max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
.answer-item.expanded .answer-details{max-height:500px;padding:15px;background-color:white;}
.explanation{background-color:#f8f9ff;padding:15px 20px;border-radius:8px;margin-top:15px;border-left:4px solid #7b4d9e;font-size:15px;line-height:1.6;color:#2c3e50;box-shadow:0 3px 10px rgba(123,77,158,0.1);}
.answer-item.correct .explanation{border-left-color:#2a7a5c;background-color:rgba(42,122,92,0.05);}
.answer-item.incorrect .explanation{border-left-color:#b22234;background-color:rgba(178,34,52,0.05);}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-top:25px;}
.stat-item{text-align:center;padding:20px 15px;background:white;border-radius:10px;box-shadow:0 3px 10px rgba(90,45,138,0.08);border:1px solid #d2bdd8;}
.stat-value{display:block;font-size:28px;font-weight:bold;color:#5a2d8a;}
.stat-label{display:block;color:#5d6d7e;font-size:14px;margin-top:5px;font-weight:500;}
#action-button{background:linear-gradient(to bottom,#E91E73 0%,#C71585 50%,#AD1457 100%);color:white;border:2px solid #AD1457;box-shadow:0 5px 15px rgba(199,21,133,0.3),inset 0 1px 0 rgba(255,255,255,0.3);padding:16px 32px;border-radius:30px;font-weight:600;font-size:18px;text-decoration:none;text-align:center;display:block;margin:auto;max-width:400px;transition:all 0.3s ease;}
#action-button::before{content:'';height:30%;background:linear-gradient(to bottom,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);border-radius:30px 30px 0 0;}
#action-button:hover{background:linear-gradient(to bottom,#d2bdd8 0%,#c9b4d3 100%);color:#4a1d7a;transform:translateY(-2px);box-shadow:0 8px 20px rgba(90,45,138,0.35);border-color:#8e44ad;}
.footer-note{background:rgba(255,255,255,0.9);border-radius:8px;padding:15px;margin-left:30px;margin-right:30px;margin-top:30px;color:#C71585!important;border:1px solid rgba(199,21,133,0.3);font-size:14px;box-shadow:0 2px 8px rgba(199,21,133,0.1);}
.footer-note p{color:#C71585;}
.banner-result{width:100%!important;max-width:500px!important;height:270px!important;display:block!important;margin:0 auto!important;padding:20px;overflow:hidden!important;background:#C71585;opacity:1;position:relative!important;border-radius:10px;}
@media screen and (max-width:768px){.footer-note{margin-left:15px;margin-right:15px;margin-top:20px;font-size:14px;padding:12px 10px;}}
.page-test-result h1{color:#5a2d8a;}
.page-test-result .subtitle{color:#5d6d7e;}
@media (min-width:769px){#recommendations a{padding:28px 35px;font-size:22px;border-radius:15px;}#recommendations a::before{font-size:26px;margin-right:15px;}}
@media (min-width:1024px){#recommendations a{padding:32px 40px;font-size:24px;}#recommendations a::before{font-size:28px;}}
@media (max-width:768px){#recommendations{padding:20px;margin:20px 0;}#recommendations a{padding:18px 15px;font-size:18px;}#recommendations a::before{font-size:20px;margin-right:10px;}.answer-header{flex-wrap:wrap;}.status-text{order:1;width:100%;margin-top:8px;}.stat-grid{grid-template-columns:repeat(2,1fr);}.stat-item{padding:15px 10px;}.stat-value{font-size:24px;}.page-test-result #action-button{padding:14px 24px;font-size:16px;width:100%;text-align:center;}.explanation{padding:12px 15px;font-size:14px;}}
@media (max-width:480px){.stat-grid{grid-template-columns:1fr;}}

/* Стили теста на чтение */
   .reading-text{background-color:#f8f5ff;padding:25px 30px;border-radius:12px;border-left:5px solid #8a2be2;margin:25px 0;line-height:1.7;color:#333;box-shadow:0 4px 15px rgba(138,43,226,0.1);}
.reading-text h4{color:#6a0dad;border-bottom:2px solid #d8bfd8;padding-bottom:10px;margin-bottom:20px;font-size:22px;}
.reading-text em{color:#9370db;font-style:italic;}
.reading-text strong{color:#4b0082;} 
#answers-explanation{display:none;margin-top:25px;padding:20px;background-color:#f0f7ff;border-radius:10px;border-left:4px solid #4a90e2;}
#answers-explanation h3{color:#2c5282;margin-bottom:20px;}
.explanation-item{margin-top:15px;padding-top:15px;border-top:1px dashed #ccc;}
.explanation-item:first-child{margin-top:0;padding-top:0;border-top:none;}
.cefr-table{width:100%;border-collapse:collapse;margin-top:15px;}
.cefr-table th{background-color:#f5f0ff;padding:10px;text-align:left;border:1px solid #ddd;}
.cefr-table td{padding:8px;border:1px solid #ddd;}
/* Адаптация для таблицы CEFR на маленьких экранах */
@media (max-width:480px){.cefr-table{display:block;width:100%;overflow-x:auto;}.cefr-table th{padding:8px 10px;font-size:14px;font-weight:700;background-color:#f5f0ff;color:#5a2d8a;}.cefr-table td{padding:4px 6px;font-size:12px;}}
@media (max-width:380px){.cefr-table th{padding:6px 8px;font-size:13px;}.cefr-table td{padding:0;font-size:12px;}}


/* ========== СТИЛИХ ДЛЯ  СТРАНИЦ УМК ========== */
.umk{padding:20px;}
.umk h1{color:var(--purple-dark);font-size:35.5px;margin:20px 0 30px;line-height:1.2em;}
.umk h2{color:var(--purple-medium);font-size:29px;line-height:1.2em;margin:40px 0 20px;padding-bottom:10px;border-bottom:2px solid var(--border-color);}
@media (max-width:768px){.umk h2{font-size:26px;}}
@media (max-width:480px){.umk h2{font-size:24px;}}
/* ========== НАВИГАЦИЯ ПО СТРАНИЦЕ УМК ========== */
.page-nav{padding:15px;border-radius:10px;margin:20px 0;text-align:center;border-bottom:2px solid var(--border-color);margin-bottom:30px;font-size:1.1em;}
.page-nav a{color:indigo;margin-right:15px;white-space:nowrap;text-decoration:underline;font-weight:bold;}
.book-intro{background-color:var(--purple-light);padding:15px 20px;border-left:6px solid var(--raspberry);border-radius:0 8px 8px 0;margin-bottom:30px;color:var(--gray-text);}
.pdf-container{margin:30px 0;text-align:center;background-color:var(--bg-soft);padding:20px;border-radius:12px;border:1px solid var(--border-color);}
.pdf-container iframe{max-width:100%;height:760px;width:550px;border:none;box-shadow:0 5px 20px rgba(90,45,138,0.15);border-radius:8px;}
.pdf-container img{width:100%;max-width:100%;border-radius:12px;box-shadow:0 8px 24px rgba(90,45,138,0.15);display:block}
.pdf-container p{margin-top:15px;color:#666;font-style:italic;text-align:center;font-size:0.95em}
.download-link{text-align:right;margin-top:-15px;margin-bottom:40px;font-weight:600;}
.download-link a{background-color:var(--purple-light);padding:10px 20px;border-radius:30px;border:1px solid var(--raspberry);display:inline-block;}
.download-link a:hover{background-color:var(--raspberry);color:white;text-decoration:none;}
               /* ========== ИНФОРМАЦИЯ ОБ УЧЕБНИКЕ ========== */
.textbook-info{margin:30px 0;overflow:auto;background-color:#f5f0fa;border:1px solid #e0d0ff;border-radius:12px;padding:25px;}
.textbook-illustration{float:right;width:300px;margin:0 0 20px 30px;text-align:center;}
.textbook-illustration img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);border:1px solid var(--border-color);}
.textbook-illustration figcaption{color:#666;font-size:0.9em;margin-top:10px;font-style:italic;}
.textbook-description{width:auto;}
@media screen and (max-width:768px){.textbook-illustration{float:none;width:100%;max-width:400px;margin:0 auto 30px;display:block;}.umk h1{font-size:30px;}}
@media (max-width:480px){.umk h1{font-size:27px;}}
@media (max-width:768px){.umk h2{font-size:26px;}}
@media (max-width:600px){.textbook-illustration{max-width:180px;}.textbook-illustration figcaption{font-size:12px;}}
@media (max-width:490px){.textbook-info{padding:15px;}.textbook-illustration{float:none;max-width:180px;margin:0 auto 15px auto;display:block;}.textbook-illustration img{width:100%!important;height:auto!important;max-width:220px!important;}.textbook-illustration figcaption{font-size:12px;}.textbook-description{width:100%;clear:both;}}
@media (max-width:390px){.textbook-illustration{max-width:140px;}}
           /* ========== ТАБЛИЦА ХАРАКТЕРИСТИК УМК ========== */
.book-specs{width:100%;border-collapse:collapse;margin:40px 0;background-color:white;box-shadow:0 2px 8px rgba(90,45,138,0.08)}
.book-specs th{background-color:var(--purple-light);color:var(--purple-dark);padding:14px 12px;text-align:left;border:1px solid var(--border-color);font-size:1.1em}
.book-specs td{padding:12px;border:1px solid var(--border-color);vertical-align:top}
.book-specs td:first-child{width:200px;background-color:#fdfdfd;font-weight:500}
@media (max-width:390px){.book-specs th{font-size:13px;padding:4px 2px}.book-specs td{padding:2px;font-size:12px}.book-specs td:first-child{width:110px}}
        /* ========== СЕТКА КОМПОНЕНТОВ УМК ========== */
 .component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin:40px 0}
.component-card{background-color:var(--purple-light);border:1px solid var(--border-color);border-radius:12px;padding:25px 20px;text-align:center;color:var(--purple-dark);transition:all 0.2s;display:flex;flex-direction:column}
.component-card:hover{background-color:white;border-color:var(--raspberry);box-shadow:0 6px 16px rgba(199,21,133,0.15);text-decoration:none;transform:translateY(-3px)}
.component-title{font-size:1.3em;font-weight:700;color:var(--raspberry);margin:10px 0 5px}
.component-desc{font-size:0.9em;color:#666} 

 .level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:40px 0}
.level-card{background-color:white;border:1px solid var(--border-color);border-radius:10px;padding:20px 15px;text-align:center;color:var(--purple-dark);transition:all 0.2s;display:flex;flex-direction:column;align-items:center}
.level-card:hover{border-color:var(--raspberry);box-shadow:0 4px 12px rgba(199,21,133,0.1);text-decoration:none;background-color:var(--purple-light)}
.level-card img{width:100%;max-width:120px;height:auto;border-radius:6px;margin-bottom:12px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
.level-card span{font-weight:600;font-size:1.1em}      
        /* ========== КНОПКА НАВЕРХ ========== */
.back-to-top{text-align:right;margin-top:50px;padding-top:20px;border-top:1px solid var(--border-color)}
.back-to-top a{background-color:var(--purple-light);padding:8px 20px;border-radius:30px;font-weight:600}

@media (max-width:768px){.page-nav{display:flex;flex-wrap:wrap;gap:10px;}.page-nav a{margin-right:0;white-space:normal;}.pdf-container iframe{height:500px;}.component-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;}.level-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px;}.book-specs td:first-child{width:140px;}}
@media screen and (max-width:480px){.page-nav{flex-direction:column;align-items:flex-start;}.pdf-container iframe{height:400px;}.component-grid{grid-template-columns:1fr;}.level-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;}.book-specs td:first-child{width:120px;}.download-link{text-align:center;}.back-to-top{text-align:center;}}


        /* ========== ВСПОМОГАТЕЛЬНОЕ ========== */
        hr {
            border: none;
            border-top: 2px solid var(--border-color);
            margin: 40px 0;
        }

        
        
/* ========== КНОПКА "ВСЕ УРОВНИ АУДИО" ========== */
.audio-all-levels-btn{margin:30px 0;text-align:center;}
.audio-all-levels-btn a{background-color:var(--purple-light);padding:12px 30px;border-radius:30px;border:1px solid var(--raspberry);display:inline-block;font-weight:600;text-decoration:none;transition:all 0.2s;}
.audio-all-levels-btn a:hover{background-color:var(--raspberry);color:white;border-color:var(--raspberry-dark);}     
/* Модальные окна */


.welcome-message {
    color: #C71585;
    margin: 30px 0;
    text-align: center;
    font-size: 1.2em;
}


/* ===== СТИЛИ ДЛЯ СТРАНИЦЫ ОГЛАВЛЕНИЯ ИНТЕРАКТИВНОГО УЧЕБНИКА===== */
.info-block{background:#f0e8fa;border-radius:10px;border-left:5px solid #7b4d9e;margin:20px 0;padding:20px}
.info-block.center{text-align:center}
.info-block p{line-height:1.6;margin:0 0 15px}
.info-block p:last-child{margin-bottom:0}
.info-block p.italic{font-style:italic}
.info-block a{margin:0 8px;color:#7b4d9e;font-weight:600}
.link-primary,.link-secondary{background:white;color:#7b4d9e;border:2px solid #7b4d9e;border-radius:30px;text-decoration:none;display:inline-block;transition:0.3s}
.link-primary{padding:12px 25px;font-weight:600}
.link-secondary{padding:10px 20px;font-weight:500}
.link-primary:hover,.link-secondary:hover{background:#7b4d9e;color:white}
.section-heading{color:#7b4d9e;border-bottom:2px solid #7b4d9e;padding-bottom:5px;margin-top:30px}
/* Ссылки */
.links-list{margin:20px 0;}
.link-item{margin-bottom:15px;}
.link-item.indent{margin-left:40px;}

.my-textbook .dictionary-content { padding-top: 30px !important; }
body.my-textbook h1 { color: #5a2d8a; background: rgba(255, 255, 255, 1); text-align: center; font-size: 2.3em; margin: 20px 0 30px; padding-bottom: 15px; position: relative; font-weight: 800; }
body.my-textbook h1:after { content: ''; position: absolute; bottom: 0; left: 25%; width: 50%; height: 4px; background: linear-gradient(90deg, transparent, #7b4d9e, transparent); border-radius: 2px; }
@media (max-width: 768px) { body.my-textbook h1 { font-size: 30px; } }
@media (max-width: 480px) { body.my-textbook h1 { font-size: 27px; } }

.my-textbook{overflow-x:hidden;max-width:100%}
.my-textbook .book-intro{background-color:var(--purple-light);text-align:center;padding:10px 0;border-left:6px solid var(--raspberry);border-radius:0 8px 8px 0;margin-bottom:30px;font-size:16px;color:var(--gray-text)}
.my-textbook .book-intro p:first-child{font-size:18px;font-weight:bold;color:#C71585}
.my-textbook .book-intro p{margin-top:-5px}
.exercise-container>div{text-align:center}

.my-textbook table{width:100%;border-collapse:collapse;text-align:left;font-size:16px}
.my-textbook th,.my-textbook td{padding:8px 5px}
.my-textbook th{border-bottom:2px solid #C71585}
.my-textbook tr:nth-child(even){background-color:rgba(199,21,133,0.05)}
.my-textbook .table-caption{margin-top:10px;margin-bottom:40px;font-size:14px;color:#666;text-align:center}
.my-textbook ul{list-style-type:none;padding-left:0}
.perfect-column td:nth-child(3){background:rgba(90,45,138,.05)!important;border-radius:4px;font-weight:600!important}
.past-column td:nth-child(2){background:rgba(90,45,138,.05)!important;border-radius:4px;font-weight:bold!important}
@media (max-width:500px){.my-textbook table{font-size:12px;width:100%;margin:0;table-layout:fixed}.my-textbook th{font-size:12px}.my-textbook th,.my-textbook td{padding:5px 0}.my-textbook th:nth-child(1),.my-textbook td:nth-child(1){width:20%}.my-textbook th:nth-child(2),.my-textbook td:nth-child(2){width:20%}.perfect-column td:nth-child(3),.my-textbook td:nth-child(3){width:20%;overflow-wrap:break-word}.my-textbook td:nth-child(3){font-size:11px}.my-textbook th:nth-child(4),.my-textbook td:nth-child(4){width:40%}}
select option{white-space:normal;word-break:break-word}
@media (max-width:768px){select{width:100%!important;font-size:14px}}
.final-block{background-color:#f0f0f0;padding:15px;border-radius:8px;margin-top:20px}

.grammar-table{margin:20px 0;font-family:Arial,sans-serif;background:white;border:2px solid #5d3a7a;margin-bottom:50px;}
.grammar-table th{background-color:#5d3a7a;color:white;padding:12px;border:1px solid #aaa;font-weight:bold;}
.grammar-table td{padding:10px;border:1px solid #ddd;color:black;}
.grammar-table tr:nth-child(even){background-color:white;}
.grammar-table tr:nth-child(odd){background-color:#f0e8fa;}
.grammar-table input{padding:5px;border:2px solid #7b4d9e;border-radius:5px;width:auto;max-width:100%;box-sizing:border-box;}
@media (max-width:600px){.grammar-table input{width:100%;min-width:0;}}
@media (max-width:400px){.grammar-table th{writing-mode:vertical-lr;text-orientation:mixed;height:auto;width:30px;white-space:nowrap;vertical-align:middle;font-size:12px;}}
.answers-btn-wrapper{margin:20px 0;}
.answers-btn{background:#7b4d9e;color:white;margin-bottom:20px;}
@media (max-width:600px){.answers-btn{display:block;box-sizing:border-box;width:100%;font-size:14px;padding:10px;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;height:auto!important;}}
.answer-table{width:100%;border-collapse:collapse;margin:20px 0;background:white;}
.answer-table th{background-color:#4a2c6d;padding:12px;border:1px solid #9b7bb5;color:white;}
.answer-table td{padding:10px;border:1px solid #ddd;color:black;}
.answer-table tr:nth-child(odd){background-color:#f0e8fa;}
.answer-table tr:nth-child(even){background-color:white;}
.level-header{border-bottom:2px solid #7b4d9e!important;padding-bottom:10px!important;margin-top:40px!important;}
.exercise-link{margin:0 10px;color:#7b4d9e;}
.quick-nav{background:#f0e8fa;padding:15px;border-radius:10px;margin:20px 0;text-align:center;border-left:5px solid #7b4d9e;}
.nav-link{margin:0 10px;color:#7b4d9e;}

.modal-custom-header{background:#7b4d9e!important;color:white!important;border-bottom:none;}
.modal-custom-header .close,.modal-custom-header h4{color:white!important;}
.modal-custom-header .close{opacity:0.8;}
.modal-custom-header h4{margin:0;line-height:1.5;}
.modal-custom-answer{color:#7b4d9e;font-weight:bold;}
.page-links,.answer-block{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:15px;padding:25px 30px;margin:30px 0 20px;box-shadow:0 4px 15px rgba(0,0,0,0.05);}
.page-links{border-left:5px solid #7b4d9e;}
.answer-block{border-left:5px solid #4ecdc4;}
.page-links p{margin:12px 0;font-size:1.1em;color:#333;}
.page-links a,.answer-toggle a{color:#7b4d9e;text-decoration:none;font-weight:600;padding:5px 15px;border-radius:25px;background:white;border:2px solid #7b4d9e;transition:all 0.3s ease;display:inline-block;box-shadow:0 2px 5px rgba(123,77,158,0.2);}
.page-links a{margin-left:10px;}
.answer-toggle a{padding:10px 25px;margin:15px 0;}
.page-links a:hover,.answer-toggle a:hover{background:#7b4d9e;color:white;transform:translateY(-2px);box-shadow:0 4px 15px rgba(123,77,158,0.3);}
.page-links a:active,.answer-toggle a:active{transform:translateY(0);}
.exercise-button,.reset-button{color:white;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:all 0.3s ease;margin-right:10px;}
.exercise-button{background:#4ecdc4;}
.reset-button{background:#C71585;}
.exercise-button:hover,.reset-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.2);}
.exercise-button:hover{background:#3db9b0;}
.reset-button:hover{background:#6a3d89;}
.answer-block pre{background:white;padding:15px;border-radius:10px;border:1px solid #e0e0e0;font:16px 'Courier New',monospace;color:#333;margin:10px 0 0;overflow-x:auto;}
@media (max-width:768px){.page-links{padding:20px 15px;}.page-links p{display:flex;flex-direction:column;align-items:center;text-align:center;}.page-links a,.answer-toggle a{margin-left:0;margin-top:8px;width:100%;text-align:center;}.answer-toggle a{display:block;}}




.vk-custom-button:hover{background-color:#a0106d;color:white;transform:translateY(-2px);box-shadow:0 8px 20px rgba(199,21,133,0.5)}
.banner {
               
               padding: 12px;
            border-radius: 12px;
            text-align: center;
        }

.banner{width:100%!important;max-width:700px!important;height:240px;overflow:hidden!important;box-sizing:border-box; margin:0 auto!important;padding:12px!important; border:2px solid #F0E6E0!important;background:#7d50a5;position:relative!important;display:block!important}
@media (max-width:600px){.banner{width:100%!important; height:100%;height:500px; padding:6px; }}
.exam-page .banner {
    margin: 30px 0; padding: 20px; background: #7d50a5; opacity: 1;
    border-radius: 10px; 
}

.vk-share-wrapper {
    text-align: center;
    margin: 30px 0;
}

.vk-custom-button {
    display: inline-block;
    color: white !important;
    background-color: #C71585;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    padding: 10px 30px;
    border-radius: 10px;
    border: 3px solid white;
    box-shadow: 0 5px 15px rgba(199,21,133,0.3);
    text-decoration: none !important;
    transition: all 0.3s ease;
}

/* ФИКС ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ */
@media (max-width: 767px) {
    /* Обнуляем отступы у всех рядов и колонок */
    .container-fluid .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .container-fluid [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Убираем лишний отступ у панели тестов */
    .test-nav-panel {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    
    /* Контент на всю ширину */
    .content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}