@charset "UTF-8";:root{--main-blue-color: #286478;--main-dark-blue-color: #1e4c5b;--main-border-blue-color: #1b4452;--main-orange-color: #ff5e00;--main-radius: 5px;--main-input-padding: 5px;--main-padding: 10px;--text-color: #fff;--hover-color: #36859b;--separator-bg-color: #eea88c;--separator-text-color: #333}html{font-size:10pt}html *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-family:Open Sans,sans-serif}body{padding:0;margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-family:PT Sans Caption,sans-serif}h1{font-size:24pt}h2{font-size:22pt}h3{font-size:18pt}h4{font-size:14pt}.main_wrapper{display:flex;flex-flow:column;min-height:100vh}.reading_wrapper{display:flex;flex-flow:column;gap:50px}.header{background:var(--main-dark-blue-color);padding:15px 20px;box-shadow:0 4px 6px #0000001a;position:sticky;top:0;width:100%;z-index:1000;box-sizing:border-box}.header__container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}@media (max-width: 768px){.header__nav{display:none;position:absolute;top:70px;left:0;width:100%;background:var(--main-dark-blue-color);flex-direction:column;align-items:center;padding:15px 0;box-shadow:0 4px 6px #0000001a}}.header__nav.open{display:flex}.header__logo img{max-height:50px}.header__menu{list-style:none;display:flex;margin:0;padding:0}.header__menu span{font-size:16pt}@media (max-width: 768px){.header__menu{flex-direction:column;align-items:start}}@media (min-width: 768px){.header__menu{gap:20px}}.header__menu li{display:flex;flex-flow:column nowrap;align-items:start;padding:7px 5px;border-radius:5px}.header__menu a{text-decoration:none;color:var(--text-color);font-weight:700}.header__menu span{margin-left:5px}.header__menu .header__submenu{display:flex;flex-flow:column;align-items:start;margin-left:35px}.header__menu ul{margin:0;padding:0}@media (min-width: 768px){.header__menu .header__submenu{display:none}.header__menu span{font-size:12pt}}.header__search{position:relative;display:flex;align-items:center}@media (max-width: 768px){.header__search{display:none}}.header__search-input{padding:8px 10px;border:none;border-radius:5px;outline:none;width:200px}.header__burger{display:none;font-size:24px;background:none;border:none;color:var(--text-color);cursor:pointer}@media (max-width: 768px){.header__burger{display:block}}.header__banner{color:#fff;background-color:var(--main-dark-blue-color);height:300px;display:flex;justify-content:center;align-items:center;background-image:url(/img/music-pattern.webp);background-size:contain}.feature-block{display:flex;align-items:center;gap:20px;background:var(--separator-bg-color);padding:20px;border-radius:10px;color:var(--separator-text-color);box-shadow:0 4px 8px #0000001a}.feature-block__image{width:120px;height:120px;background-size:cover;background-position:center;border-radius:10px}.feature-block__content{flex:1}.feature-block__title{font-size:20px;margin-bottom:10px;color:var(--separator-text-color)}.feature-block__text{font-size:14px;line-height:1.5;color:#555;margin-bottom:15px}.feature-block__button{display:inline-block;background:var(--main-blue-color);color:#fff;padding:10px 15px;border-radius:5px;text-decoration:none;font-weight:700;transition:background .3s ease}.feature-block__button:hover{background:var(--hover-color)}@media (max-width: 768px){.feature-block{flex-direction:column;text-align:center}.feature-block__image{width:100px;height:100px}}.drummachine-image{background-image:url(/img/drum_machine-01.svg)}.metronome-image{background-image:url(/img/metronom-01.svg)}.halftone-image{background-image:url(/img/hearing.svg)}.category_menu{display:flex;flex-flow:row wrap;gap:20px;justify-content:center}.category_menu a{text-transform:uppercase}.category_menu a:after{content:"";display:block;width:30px;height:2px;background-color:var(--main-orange-color);margin:2px auto 0;border-radius:2px}.content{flex-grow:1;padding:var(--main-padding)}.content_container{display:flex;flex-flow:column;gap:10px}.footer{background:var(--main-dark-blue-color);color:#fff;padding:40px 20px;font-family:Open Sans,sans-serif}.footer__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto}.footer__section h4{font-size:18px;margin-bottom:15px;position:relative;text-transform:uppercase;color:#fff}.footer__section h4:after{content:"";display:block;width:40px;height:2px;background:var(--main-blue-color);margin-top:5px}.footer__section ul{list-style:none;padding:0;margin:0}.footer__section ul li{margin-bottom:8px}.footer__section a{text-decoration:none;color:#bbb;transition:color .3s ease}.footer__section a:hover{color:var(--main-blue-color)}.footer__contacts p a{color:var(--main-blue-color);font-weight:700}.footer__bottom{text-align:center;margin-top:30px;border-top:1px solid var(--main-border-blue-color);padding-top:15px;font-size:14px;color:#bbb}.content-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.content-card{display:block;background:var(--main-dark-blue-color);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--text-color);transition:transform .3s ease,box-shadow .3s ease}.content-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.content-card__inner{display:flex;flex-direction:column}.content-card__image img{width:100%;height:260px;object-fit:cover;border-bottom:2px solid var(--main-border-blue-color)}.content-card__info{padding:15px}.content-card__title{font-size:18px;margin-bottom:10px;font-weight:700}.content-card__meta{display:flex;justify-content:space-between;font-size:14px;margin-bottom:10px;color:#ccc}.content-card__text{font-size:14px;color:#ddd;line-height:1.5}.auth-container{display:flex;justify-content:center;align-items:center}.auth-box{background:#fff;padding:30px;border-radius:var(--main-radius);max-width:400px;width:100%;text-align:center}.auth-title{font-size:24px;margin-bottom:20px;color:var(--main-blue-color)}.input-group{position:relative;margin-bottom:15px}.input-label{position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:14px;color:#666;transition:all .3s}input:focus+.input-label,input:not(:placeholder-shown)+.input-label{top:5px;font-size:12px;color:var(--main-blue-color)}.auth-button{display:block;width:100%;padding:10px;background:var(--main-blue-color);color:var(--text-color);border:none;border-radius:var(--main-radius);font-size:16px;cursor:pointer;transition:background .3s}.auth-button:hover{background:var(--hover-color)}h3.block_header{font-size:2rem;font-weight:700;text-transform:uppercase;text-align:center;margin-bottom:1rem;color:#333;position:relative}h3.block_header:after{content:"";display:block;width:60px;height:4px;background-color:var(--main-orange-color);margin:8px auto 0;border-radius:2px}a{text-decoration:none}h4.content-card__title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease}h4.content-card__title:hover{color:var(--main-orange-color)}@media (max-width: 768px){h3.block_header{font-size:1.5rem}h4.content-card__title{font-size:1.2rem}}.pagination{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin-top:20px;gap:8px;flex-wrap:wrap}.pagination a{text-decoration:none;display:flex}.pagination li{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--main-dark-blue-color);color:var(--text-color);font-weight:700;border-radius:var(--main-radius);transition:background .3s ease,transform .2s ease;cursor:pointer;border:1px solid var(--main-border-blue-color)}.pagination li:hover{background:var(--hover-color);transform:scale(1.1)}.pagination .active{background:var(--main-orange-color);border-color:#bf4700;pointer-events:none}.pagination li{display:flex;align-items:center;justify-content:center;min-width:20px;padding:5px}.pagination li span{color:var(--text-color)}.pagination .page-item:first-child,.pagination .page-item:last-child{font-weight:700}@media (max-width: 480px){.pagination{gap:5px}.pagination li{width:30px;height:30px;font-size:.9rem}}.article-wrapper{margin:0 auto;max-width:1200px;font-family:Arial,sans-serif}.article-wrapper .article-container{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.article-wrapper .article-container .share-buttons{display:flex;justify-content:flex-end;margin-bottom:20px}.article-wrapper .article-container .share-buttons .ya-share2{display:flex}.article-wrapper .article-container .article-meta{display:flex;justify-content:space-between;margin-bottom:20px;font-size:14px;color:#666}.article-wrapper .article-container .article-meta .meta-item{display:flex;align-items:center}.article-wrapper .article-container .article-meta .meta-item .meta-icon{width:16px;height:16px;margin-right:8px;background-size:cover}.article-wrapper .article-container .article-meta .meta-item .meta-text{line-height:1.2}.article-wrapper .article-container .advertisement{margin:20px 0;text-align:center}.article-wrapper .article-container .article-content{margin-bottom:20px;line-height:1.6;font-size:16px}.article-wrapper .article-container .article-content img{display:block;float:left;margin-right:10px;border-radius:10px;box-sizing:border-box;max-height:200px}.article-wrapper .article-container .article-content p{margin-bottom:15px}.article-wrapper .article-container .article-author{text-align:right;font-style:italic;font-size:14px;color:#888}.article-wrapper .article-container .comments{margin-top:20px}.article-wrapper .other-articles-container{margin-top:40px}.article-wrapper .other-articles-container h3{font-size:18px;margin-bottom:20px}.article-wrapper .other-articles-container .other-articles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.article-wrapper .other-articles-container .other-articles .other-article{background:#f9f9f9;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.article-wrapper .other-articles-container .other-articles .other-article .other-article-title{font-size:16px;margin-bottom:10px;color:#333}.article-wrapper .other-articles-container .other-articles .other-article .other-article-text{font-size:14px;margin-bottom:15px;color:#555}.article-wrapper .other-articles-container .other-articles .other-article .read-more{display:inline-block;font-size:14px;color:#007bff;text-decoration:none}.article-wrapper .other-articles-container .other-articles .other-article .read-more:hover{text-decoration:underline}@media (max-width: 768px){.header__banner{padding:20px;text-align:center}.article-wrapper{padding:10px}.article-wrapper .article-container{padding:0;border-radius:0;box-shadow:none}.article-wrapper .article-container .article-meta{flex-direction:column;align-items:flex-start}.article-wrapper .article-container .article-meta .meta-item{margin-bottom:10px}.article-wrapper .article-container img{margin-bottom:10px;max-width:100%}.article-wrapper .other-articles-container h3{font-size:16px}}.alphabet-wrapper{margin:0 auto;max-width:1200px;font-family:Arial,sans-serif;padding:20px}.alphabet-wrapper .alphabet-container{margin-bottom:20px}.alphabet-wrapper .alphabet-container .alphabet-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.alphabet-wrapper .alphabet-container .alphabet-nav.russian{margin-bottom:10px}.alphabet-wrapper .alphabet-container .alphabet-nav .alphabet-list{display:flex;gap:10px;flex-flow:row wrap;justify-content:inherit}.alphabet-wrapper .alphabet-container .alphabet-nav .alphabet-list .char{padding:10px;border:1px solid #ccc;border-radius:5px;text-align:center;font-size:14px;color:#333;background:#f9f9f9;cursor:pointer}.alphabet-wrapper .alphabet-container .alphabet-nav .alphabet-list .char.empty{color:#aaa}.alphabet-wrapper .alphabet-container .alphabet-nav .alphabet-list .char:hover{background:#e9e9e9}.alphabet-wrapper .alphabet-container .alphabet-nav .alphabet-list .char-link{text-decoration:none}.alphabet-wrapper .alphabet-container .alphabet-nav .alphabet-list .char-link .char:hover{color:#007bff}.alphabet-wrapper .alphabet-content .letter-section{margin-bottom:30px}.alphabet-wrapper .alphabet-content .letter-section .char-container{margin-bottom:10px}.alphabet-wrapper .alphabet-content .letter-section .char-container .char-section{font-size:24px;font-weight:700;color:#333}.alphabet-wrapper .alphabet-content .letter-section .articles{display:flex;flex-wrap:wrap;gap:20px}.alphabet-wrapper .alphabet-content .letter-section .articles .article-card{display:block;width:calc(33.333% - 20px);background:#fff;border:1px solid #ddd;border-radius:10px;text-decoration:none;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease-in-out;min-width:200px;max-width:200px}.alphabet-wrapper .alphabet-content .letter-section .articles .article-card:hover{transform:translateY(-5px)}.alphabet-wrapper .alphabet-content .letter-section .articles .article-card .article-img{height:150px;background-size:cover;background-position:center}.alphabet-wrapper .alphabet-content .letter-section .articles .article-card .article-info{padding:10px;font-size:14px;color:#555}.alphabet-wrapper .alphabet-content .letter-section .articles .article-card .article-info b{color:#333}@media (max-width: 768px){.alphabet-wrapper .alphabet-nav .alphabet-list{gap:5px}.alphabet-wrapper .alphabet-nav .alphabet-list .char{padding:8px;font-size:12px}.alphabet-wrapper .alphabet-content .articles .article-card{width:calc(50% - 10px)}.alphabet-wrapper .alphabet-content .articles .article-card .article-img{height:120px}}@media (max-width: 480px){.alphabet-wrapper .alphabet-content .articles .article-card{width:100%}}blockquote{position:relative;font-style:italic;font-size:1.2rem;line-height:1.6;color:#555;border-left:5px solid var(--main-orange-color);padding:1rem 1.5rem;margin:1.5rem 0}blockquote:before{content:"“";font-size:3rem;font-weight:700;color:var(--main-orange-color);position:absolute;top:-.5rem;left:1rem;line-height:1}blockquote:after{content:"”";font-size:3rem;font-weight:700;color:var(--main-orange-color);position:absolute;bottom:-1rem;right:1.5rem;line-height:1}blockquote cite{display:block;margin-top:1rem;font-size:.9rem;font-style:normal;color:#888;text-align:right}blockquote cite:before{content:"— "}.library-category{display:flex;flex-flow:column;gap:30px}.library-category .category-card__inner{display:flex;flex-flow:row;gap:30px}.library-category .category-card__image{width:80px;height:80px;background-repeat:no-repeat;background-size:contain;min-width:80px}.library-category .notes-category-image{background-image:url(/img/pupitr-01.svg)}.library-category .dictionary-category-image{background-image:url(/img/dictionary-01.svg)}@media (max-width: 480px){.library-category .category-card__inner{flex-flow:column;align-items:center}}.download-pdf{display:flex;gap:20px;margin-bottom:50px;cursor:pointer}.download-pdf .pdf-file-icon{background-image:url(/img/icon-pdf_small.png);width:27px;background-size:cover}@media (max-width: 480px){.download-pdf{flex-flow:column;align-items:center}.download-pdf .pdf-file-icon{width:37px;height:42px}}