.dynamic-items{display:flex;justify-content:space-around;flex-wrap:wrap}.card{background-color:#fff;border-radius:1.5rem;box-shadow:0 0 10px #0000001a;width:calc(33% - 20px);display:flex;flex-direction:column;justify-content:space-between;text-align:center;margin-top:1rem;margin-bottom:1rem;transition:transform .3s ease;color:inherit;text-decoration:none;overflow:hidden}.card:hover{transform:scale(1.04)}.card img.card-image{width:100%;height:150px;object-fit:cover;object-position:center;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.card-content{padding-bottom:20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.card-content p{flex-grow:1;display:flex;align-items:center;padding:0 1.5rem}.card-content a.btn{margin-top:auto}.card h3{margin:10px 0;font-size:1.4rem}.card p{font-size:1rem}.card .btn{background-color:#ff69b4;color:#fff;padding:1rem 2rem;text-decoration:none;border-radius:2.5rem;align-self:center;text-shadow:2px 2px 5px rgba(0,0,0,1),-2px -2px 5px rgba(0,0,0,1);font-size:clamp(1.1rem,calc(1rem + .55vw),1.6rem);margin-top:auto}.card .btn:hover{background-color:#ff1493}.badge{background-color:#ff69b4;color:#fff;padding:.2rem .5rem;font-size:.8rem;text-shadow:1px 1px 2px rgba(0,0,0,.7);margin-top:-.2rem;display:inline-block;line-height:1.2}@media (max-width: 768px){.card{width:80%}.card img.card-image{height:43vw}.card .visible{animation-duration:1.5s;animation-delay:.5s}}.page-columns-wrapper{display:flex;justify-content:space-between;width:100%;margin:0 auto;flex-grow:1}.left-column{flex:2;min-width:0}.right-column{flex:1;position:sticky;top:20px;height:100vh;overflow-y:auto;padding-top:10px;background-color:#fff}.right-column h2{text-align:center;font-size:clamp(19px,calc(2.8px + 2.0281vw),32px)}@media (max-width: 768px){.page-columns-wrapper{flex-direction:column;max-width:100vw;overflow-x:hidden}.right-column{position:static;height:auto;overflow-y:visible;width:100%;max-width:100vw}}@media (min-width: 769px){.left-column{margin-right:clamp(300px,25vw,400px);width:auto}.right-column{position:fixed;top:var(--header-h-desktop, 60px);bottom:var(--footer-h-desktop, 22px);right:0;width:clamp(300px,25vw,400px);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;border-left:1px solid #f1f1f1;box-shadow:-5px 0 25px #0000000d;overflow:visible;padding:20px;box-sizing:border-box;z-index:10}.right-column .blog-carousel-container{width:100%;margin:0;padding:0}}.right-column{display:flex;flex-direction:column;min-height:100%}.right-column .main-container:first-of-type{flex:0 0 auto}.right-column .main-container:last-of-type{flex:1 1 auto;align-items:center;min-height:0;display:flex;flex-direction:column}.right-column .main-container:last-of-type .content-section{flex:0 0 auto;min-height:auto;display:block}.right-column #blog-cards-container.dynamic-items.blog-carousel{display:block;position:relative;height:min(55vh,500px);width:100%;max-width:100%;overflow:visible}.right-column .blog-carousel.invisible{visibility:hidden}.info{font-size:1vw;color:#666}.nav-blog{display:flex;justify-content:space-between}.center-section,.intro-news-in-level,.intro-news-in-level h2{text-align:center}.nav-levels{display:flex;justify-content:space-between;align-items:center;margin:20px}.buttons{display:flex;gap:10px;width:100%}.buttons button{flex:1;padding:10px;font-size:24px;border:none;cursor:pointer;border-radius:24px}.buttons button:hover,.buttons button.active{background-color:#ff1493;color:#fff}.article-container{background:#fff;border-radius:24px;box-shadow:0 4px 20px #00000014;padding:40px 60px;margin:20px auto;overflow-x:auto;max-width:800px}.article-container h1{font-size:2.5rem;text-align:center;margin-bottom:2rem;color:#1a1a1a;line-height:1.2}.article-container h2{color:#2c3e50;margin-top:2.5rem;margin-bottom:1rem;font-size:1.8rem;border-bottom:2px solid #f1f1f1;padding-bottom:10px;text-align:left}.article-container h3{color:#2c3e50;margin-top:2rem;margin-bottom:1rem;font-size:1.4rem;text-align:left}.article-container h4{color:#2c3e50;margin-top:1.5rem;margin-bottom:1rem;font-size:1.2rem;text-align:left}.article-container p,.article-container ul{color:#2c3e50;font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem;text-align:left}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#e05a9c}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.example{background-color:#f4f4f4;padding:10px;border-left:5px solid #3498db;margin:20px -30px}@media (max-width: 768px){.example{margin:20px 0}}.exercise{background-color:#e8f6ff;padding:10px;border-left:5px solid #2ecc71;margin:20px -30px}@media (max-width: 768px){.exercise{margin:20px 0}}.toggle-wrapper{display:flex;flex-direction:column;gap:1rem}.correction-content,.trancription-content{display:none}.correction-content{background-color:#d4edda;padding:10px;border-left:5px solid #28a745;margin:20px -30px}@media (max-width: 768px){.correction-content{margin:20px 0}}.toggle-wrapper input:checked+.correction-content{display:block}.toggle-btn{display:block;text-align:center;padding:1rem 2rem;background-color:#ff69b4;color:#fff;font-weight:700;border-radius:3vw;cursor:pointer;transition:background-color .3s ease;text-shadow:2px 2px 5px rgba(0,0,0,1),-2px -2px 5px rgba(0,0,0,1)}.toggle-btn:hover{background-color:#ff1493}.toggle-btn .text-hide{display:none}.toggle-wrapper input:checked+.correction-content+.toggle-btn .text-show{display:none}.toggle-wrapper input:checked+.correction-content+.toggle-btn .text-hide{display:inline}.reserve-link{color:inherit;text-decoration:none;font-weight:700;transition:color .3s ease}.reserve-link:hover{color:#e05a9c}.article-image,.img-center{display:block;max-width:70%;width:auto;height:auto;margin:10px auto 20px;border-radius:3vw}.img-landscape-right{float:right;width:45%;margin:10px}.img-portrait-right{float:right;width:40%;margin:10px}.img-landscape-left{float:left;width:45%;margin:10px}.img-portrait-left{float:left;width:40%;margin:10px}.img-landscape-left.for_question{width:30%;display:block;margin:0 20px 20px}.content p,.content h2,.content h3,.content h4,.content ul,.content table{margin:10px 0;line-height:1.6}.content ul{padding-left:20px}.content table{width:100%;border-collapse:collapse;margin:20px 0}.content table th,.content table td{border:1px solid #ddd;padding:10px;text-align:left}.content h2{font-size:2em;margin-bottom:.5em}.content h3{font-size:1.5em;border-bottom:2px solid #f1f1f1;padding-bottom:5px}.content{display:flex;align-items:flex-start;gap:20px;flex-wrap:nowrap}.content img{margin:16px;width:300px;height:auto;border-radius:3vw}.article{flex:1;position:relative;min-height:300px}.article .version{display:none;position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .5s ease;pointer-events:none;visibility:hidden}.article .version.active{display:block;opacity:1;pointer-events:auto;position:relative;visibility:visible}.img{margin:10px}#article-content{position:relative;display:block!important}.example h4{font-size:1.5em;border-bottom:2px solid #f1f1f1;padding-bottom:5px;margin-bottom:1.5em}@media (max-width: 768px){.info{font-size:2.5vw}h2{font-size:7vw}.article-container{padding:20px 15px;border-radius:16px;margin:10px auto}.article-container h1{font-size:2rem;margin-bottom:1.5rem}.article-container h2{font-size:1.5rem;margin-top:2rem}.article-container h3{font-size:1.25rem}.article-container p,.article-container ul{font-size:1rem;line-height:1.6;margin-bottom:1rem}.blog-carousel .card{width:96%;max-width:650px}#blog-cards-container.blog-carousel{display:block!important;height:440px;margin-top:50px;perspective:1000px;overflow:visible}.blog-carousel .card.current{transform:translate(-50%,-50%) rotateY(0) scale(1)!important;opacity:1!important;z-index:6}.blog-carousel .card.prev{transform:translate(calc(-50% - clamp(110px,32vw,240px)),-50%) rotateY(15deg) scale(.85)!important;opacity:.8!important;z-index:5}.blog-carousel .card.next{transform:translate(calc(-50% + clamp(110px,32vw,240px)),-50%) rotateY(-15deg) scale(.85)!important;opacity:.8!important;z-index:5}.content{flex-direction:column;align-items:center}.img-landscape-right,.img-portrait-right,.img-landscape-left,.img-portrait-left{width:90%}.content img{width:100%;max-width:400px;margin-bottom:10px}.article{width:100%}.buttons button{font-size:4vw}.blog-carousel-container .nav-prev,.blog-carousel-container .nav-next{position:absolute;top:50%;transform:translateY(-50%)!important;margin:0!important;z-index:10}.blog-carousel-container .nav-prev{left:-5px!important}.blog-carousel-container .nav-next{left:auto!important;right:-5px!important}.article-container{max-width:100vw;box-sizing:border-box;overflow-x:hidden}.content img,.article-image,.img-center{max-width:100%!important;height:auto!important}}@media (min-width: 769px){#blog-cards-container:not(.blog-carousel){display:flex;flex-direction:column;justify-content:flex-start}#blog-cards-container .card{width:100%;min-height:auto}}#blog-cards-container.blog-carousel{display:block!important;position:relative;height:var(--carousel-h, 600px);margin-top:60px;max-width:100%;overflow:visible}.blog-carousel{position:relative;height:600px;perspective:1200px;perspective-origin:50% 40%}.blog-carousel .card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .8s ease,opacity .8s ease;width:90%;max-width:400px;box-sizing:border-box;opacity:0;pointer-events:none;border-radius:2vw;box-shadow:-10px 10px 4px #0003}.blog-carousel .card.current{transform:translate(-50%,-50%) translateY(0) scale(1);opacity:1;z-index:6;pointer-events:auto}.blog-carousel .card.prev{transform:translate(-50%,calc(-50% - 150px)) rotateX(15deg) scale(.75);opacity:.8;z-index:5;pointer-events:auto}.blog-carousel .card.next{transform:translate(-50%,calc(-50% + 150px)) rotateX(-15deg) scale(.75);opacity:.8;z-index:5;pointer-events:auto}.blog-carousel .card.hidden{display:none}.blog-carousel-container{display:flex;flex-direction:column;position:relative;width:100%;max-width:1200px;margin:0 auto}.blog-carousel-container .nav-prev,.blog-carousel-container .nav-next{position:absolute;z-index:10;top:-50px;background-color:#e91e63;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 5px #0003;transition:transform .2s,background-color .2s}.blog-carousel-container .nav-prev{left:10%}.blog-carousel-container .nav-next{right:10%}.blog-carousel-container .nav-prev:hover,.blog-carousel-container .nav-next:hover{transform:scale(1.1)}#blog-cards-container.blog-carousel.invisible{visibility:hidden}@keyframes promoGlow{0%{box-shadow:0 0 15px #ff149399,-10px 0 30px #ff69b433}50%{box-shadow:0 0 50px #ff1493e6,-50px 0 150px #ff1493b3}to{box-shadow:0 0 15px #ff149399,-10px 0 30px #ff69b433}}@keyframes badgeWiggle{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.1)}}@property --border-angle{syntax: "<angle>"; inherits: true; initial-value: 0turn;}@keyframes spinCasino{to{--border-angle: 1turn}}.promo-carousel-card{border:8px solid transparent!important;border-radius:12px;background:linear-gradient(#fff0f5,#fff0f5) padding-box,repeating-conic-gradient(from var(--border-angle),#ff1493 0 15deg,transparent 15deg 30deg) border-box!important;animation:promoGlow 1.5s infinite alternate,spinCasino 3s linear infinite!important;overflow:hidden}.blog-carousel .card.promo-carousel-card.next,.blog-carousel .card.promo-carousel-card.prev{opacity:.95!important;filter:brightness(1.1)}.promo-carousel-card:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fff,#fff0);transform:skew(-25deg);animation:shine 2.5s infinite;z-index:10;pointer-events:none}@keyframes shine{0%{left:-150%}30%{left:200%}to{left:200%}}.promo-carousel-card .badge{background-color:#ff1493!important;color:#fff!important;font-weight:900;font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 15px #ff1493cc;animation:badgeWiggle .8s infinite ease-in-out;display:inline-block}.promo-carousel-card .card-title{color:#ff007f!important;font-weight:900;font-size:1.4rem;text-shadow:0px 0px 8px rgba(255,20,147,.4)}
