:root{--color-primary:#4a90e2;--color-primary-dark:#357abd;--color-text-dark:#333;--color-text-light:#555;--color-white:#ffffff;--color-light-gray:#f8f9fa;--color-dark-gray:#343a40;--color-border:#eeeeee;--color-orange:#FFCD90;--color-orange-light:#ffd09646;--color-orange-tag:#FFB348;--color-purple:#C1C9FF;--color-purple-light:#c1c9ff64;--color-purple-tag:#8B85FF;--color-pink:#FFBDD2;--color-pink-light:#ffbdd247;--color-pink-tag:#FF8FD2;--color-yellow:#FFE16B;--color-yellow-light:#ffe16b5c;--color-yellow-tag:#FFD700;--font-main:'Bellota Text', cursive;--font-heading:'Balsamiq Sans', cursive}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);line-height:1.7;font-size:17px;color:var(--color-text-dark);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.5px}.container{width:90%;max-width:1140px;margin:0 auto}.container-wide{max-width:1280px;margin:0 auto;padding:0 20px}.header{position:absolute;top:0;left:0;width:100%;padding:15px 0;z-index:1000;transition:transform 0.3s ease-in-out,background-color 0.3s}.header--hidden{transform:translateY(-100%)}.header .container{display:flex;justify-content:space-between;align-items:center}.logo img{max-width:180px;height:auto;display:block}.navigation ul{display:flex;gap:25px;list-style:none}.navigation a{text-decoration:none;color:var(--color-text-light);font-size:17px;font-weight:700;transition:color 0.3s ease;text-shadow:0 1px 3px rgb(6 0 0 / .2)}.navigation a:hover{color:var(--color-primary)}.burger-menu{display:none;width:30px;height:25px;background:#fff0;border:none;cursor:pointer;z-index:1001;flex-direction:column;justify-content:space-around}.burger-menu span{display:block;width:100%;height:3px;background-color:var(--color-text-dark);border-radius:3px;transition:all 0.3s ease-in-out}.footer{padding:30px 0;text-align:center;color:var(--color-white);background-color:var(--color-dark-gray)}.footer-details{margin-bottom:15px;font-size:15px;line-height:1.6;color:#ccc}.footer-details p{margin:5px 0}.footer-details a{color:var(--color-white);text-decoration:none}.footer-details a:hover{text-decoration:underline}.footer .container p:last-child{font-size:14px;color:#a0a0a0}main section{padding:60px 0;position:relative}main h2{margin-bottom:25px;text-align:center;font-size:42px;text-shadow:2px 2px 5px rgb(0 0 0 / .05)}.section-subtitle{max-width:700px;margin:0 auto 40px auto;text-align:center;font-size:20px;color:var(--color-text-light)}.btn{display:inline-block;padding:12px 28px;border-radius:25px;text-decoration:none;font-size:17px;font-weight:700;border:2px solid #fff0;transition:all 0.3s ease}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:#fff0;border-color:var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.background-star{position:absolute;z-index:0;user-select:none;pointer-events:none;top:var(--top,auto);left:var(--left,auto);right:var(--right,auto);bottom:var(--bottom,auto);width:var(--width,50px)}#hero{padding-top:120px;padding-bottom:50px}.hero-background-shape{position:absolute;top:0;right:0;width:65%;height:100%;background-color:#ffed9cf1;clip-path:polygon(0 0,100% 0,100% 100%,26% 100%);z-index:0}.hero-container{position:relative;display:flex;align-items:center;gap:40px;z-index:1}.hero-content{flex:1}.hero-image{flex:1}.hero-image img{display:block;width:100%;height:auto;border-radius:16px}#hero h1{font-size:54px;margin-bottom:15px;line-height:1.2;text-shadow:2px 2px 8px rgb(0 0 0 / .1)}#hero .hero-subtitle{margin-bottom:30px;font-size:19px}.hero-buttons{display:flex;gap:20px}.age-cards{display:flex;gap:15px;margin-top:40px}.age-card{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:200px;padding:20px;border-radius:25px;text-align:center;font-weight:700;color:var(--color-text-dark);font-size:18px}.age-card span{display:block;margin-bottom:10px}.age-card-image{flex-grow:1;width:100%;background-repeat:no-repeat;background-position:center bottom;background-size:contain}.age-card.card-yellow{background-color:#ffa93172}.age-card.card-blue{background-color:#8fb6ff83}.age-card.card-pink{background-color:#ff8fd272}.char-1{background-image:url(char-3-5.png);background-size:55px}.char-2{background-image:url(char-5-7.png);background-size:65px}.char-3{background-image:url(char-7-8.png)}#hero .hero-star-1{top:-110px;left:-155px;width:200px}#hero .hero-star-2{top:430px;left:250px;width:52px}#hero .hero-star-3{top:415px;left:355px;width:80px}#hero .hero-star-4{top:480px;left:-72px;width:140px}#hero .hero-star-5{top:670px;left:75px;width:210px}#method .container-wide{padding:40px 50px;border-radius:25px;background-color:#ffc68194;box-shadow:0 4px 30px rgb(0 0 0 / .07)}.method-row{display:flex;justify-content:center;gap:30px;margin-bottom:40px;flex-wrap:wrap}.method-row:last-child{margin-bottom:0}.method-card{flex:1;min-width:300px;padding:25px;border-radius:25px;background-color:#FFEFF0}.method-card p{font-weight:1000;font-size:18px}.method-card:last-child{background-color:#fff0;border:5px solid #FFEFF0}.feature-pill{position:relative;display:inline-flex;align-items:center;min-height:60px;padding:0 85px 0 25px;border-radius:96px;background-color:rgb(255 255 255 / .6);font-weight:500;font-size:18px}.pill-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);width:63px;height:63px;border-radius:50%;background-size:60%;background-repeat:no-repeat;background-position:center}.icon-book{background-color:#aedff7;background-image:url(book.png)}.icon-sequence{background-color:#f7d49e;background-image:url(sequence.png)}.icon-support{background-color:#f7aed4;background-image:url(support.png)}.stats-container{align-items:flex-start}.stat-item{flex:1;padding-top:20px;text-align:center;background-repeat:no-repeat;background-position:center -9px;background-size:contain;min-width:150px}.stat-item:nth-child(1){background-image:url(star-5.png)}.stat-item:nth-child(2){background-image:url(star-3.png)}.stat-item:nth-child(3){background-image:url(star-1000.png)}.stat-item:nth-child(4){background-image:url(star-9.png)}.stat-item:nth-child(5){background-image:url(star-5.png)}.stat-number{display:block;font-size:64px;font-weight:700;font-family:var(--font-heading);-webkit-text-stroke:2px #fff}.stat-label{display:block;font-size:24px;font-weight:500;color:var(--color-text-light);font-family:var(--font-heading);-webkit-text-stroke:1px #fff}#method .method-star-1{bottom:20px;left:10px;width:250px}#method .method-star-2{top:20px;right:20px;width:250px}#heroes{overflow:hidden}.heroes-background-shape{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:110%;height:65%;z-index:0}.heroes-background-shape img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}#heroes .container>*:not(.heroes-background-shape){position:relative;z-index:1}.characters-container{display:flex;justify-content:center;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:40px}.characters-container img{width:auto;max-height:220px}.characters-container img:nth-child(3){max-height:140px}.characters-container img:nth-child(4){max-height:180px}.characters-container img:nth-child(5){max-height:120px}.bubbles-wrapper{position:relative}.info-bubbles-container{display:flex;justify-content:center;align-items:stretch;gap:136px;flex-wrap:wrap;position:relative}.info-bubble{flex:1;display:flex;justify-content:center;align-items:center;max-width:250px;min-width:220px;padding:15px 20px;border-radius:96px;background-color:var(--color-white);font-size:16px;color:#444;text-align:center;box-shadow:0 0 25px rgb(255 205 216 / .7);position:relative;z-index:2}.decorative-bubble{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:25px;padding:0;z-index:1;display:block}.decorative-bubble.bubble-left{left:-100px}.decorative-bubble.bubble-right{right:-100px}.heroes-decoration{margin-top:50px;text-align:center}.heroes-decoration img{display:block;margin:0 auto;max-width:70%;height:auto}.audience-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.audience-block{flex:1 1 300px;max-width:350px;padding:30px 25px;border-radius:16px;background-color:var(--color-white);border:1px solid var(--color-border);text-align:center;box-shadow:0 4px 12px rgb(0 0 0 / .05);transition:transform 0.3s ease,box-shadow 0.3s ease}.audience-block:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgb(0 0 0 / .08)}.audience-icon{width:60px;height:60px;margin:0 auto 20px auto;border-radius:50%;border:3px solid;background-size:55%;background-repeat:no-repeat;background-position:center}.icon-parents{border-color:#8cb8ff;background-image:url(parents-icon.svg)}.icon-teachers{border-color:#f26da7;background-image:url(teachers-icon.svg)}.icon-schools{border-color:#f5a623;background-image:url(schools-icon.svg)}.audience-block h3{margin-bottom:10px;font-size:24px}.audience-block p{font-size:17px;color:var(--color-text-light)}.audience-block.for-parents{background-color:#f0f6ff;border-color:#adcafc}.audience-block.for-teachers{background-color:#fff0f7;border-color:#ffc2e1}.audience-block.for-schools{background-color:#fff8ed;border-color:#ffe0b3}#books .container-wide{position:relative;padding:40px 0}#books h2::before{content:'';position:absolute;top:87px;left:50%;transform:translate(-50%,-50%);width:450px;height:195px;border-radius:540px;background-color:#FFF1C1;z-index:-1}.book-grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:60px 40px;padding:40px;position:relative;z-index:2}.book-card{display:flex;flex-direction:column;width:100%;max-width:380px;min-height:500px;margin:0 auto;padding:25px;padding-bottom:50px;border-radius:20px;box-shadow:0 4px 15px rgb(0 0 0 / .08);position:relative}.card-image-area{position:relative;height:275px;margin-bottom:20px;border-radius:25px;background-color:var(--color-white);overflow:hidden}.card-image-area img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.btn-details{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .6);color:var(--color-white);text-decoration:none;font-family:var(--font-heading);font-size:22px;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.card-image-area:hover .btn-details{opacity:1;visibility:visible}.age-tag,.parts-tag{position:absolute;bottom:10px;padding:4px 12px;border-radius:25px;font-size:14px;font-weight:700;color:#000}.age-tag{left:10px}.parts-tag{right:10px;border:2px solid;background-color:rgb(255 255 255 / .9)}.card-content{flex-grow:1}.card-content h3{margin-bottom:20px;font-size:22px}.card-content p{font-size:18px;color:var(--color-text-light)}.card-decoration{margin:20px 0;text-align:center}.card-decoration img{display:block;max-width:100%;height:auto}.book-card .price{position:absolute;bottom:0;left:30px;transform:translateY(50%);padding:10px 25px;border-radius:25px;background-color:var(--color-white);border:2px solid;font-size:22px}.book-card .btn-buy{position:absolute;bottom:0;right:30px;transform:translateY(50%);padding:12px 35px;border-radius:50px;text-decoration:none;color:#000;font-weight:700;transition:transform 0.3s ease,box-shadow 0.3s ease}.book-card .btn-buy:hover{transform:translateY(50%) scale(1.08);box-shadow:0 6px 20px rgb(0 0 0 / .15)}.btn-buy-all{display:block;max-width:400px;margin:20px auto 0;text-align:center;font-size:19px;background-color:#61dafb;color:#fff}.card-orange{background-color:var(--color-orange)}.card-orange .age-tag{background-color:var(--color-orange-tag)}.card-orange .parts-tag,.card-orange .price{border-color:var(--color-orange-tag)}.card-orange .btn-buy{background-color:var(--color-orange-tag)}.card-purple{background-color:var(--color-purple)}.card-purple .age-tag{background-color:var(--color-purple-tag)}.card-purple .parts-tag,.card-purple .price{border-color:var(--color-purple-tag)}.card-purple .btn-buy{background-color:var(--color-purple-tag)}.card-pink{background-color:var(--color-pink)}.card-pink .age-tag{background-color:var(--color-pink-tag)}.card-pink .parts-tag,.card-pink .price{border-color:var(--color-pink-tag)}.card-pink .btn-buy{background-color:var(--color-pink-tag)}.card-yellow{background-color:var(--color-yellow)}.card-yellow .age-tag{background-color:var(--color-yellow-tag)}.card-yellow .parts-tag,.card-yellow .price{border-color:var(--color-yellow-tag)}.card-yellow .btn-buy{background-color:var(--color-yellow-tag)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.benefit-item{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:20px;text-align:center}.benefit-card{width:100%;border-radius:96px;font-weight:700}.benefit-card h3{font-size:24px}.benefit-icon{width:45px;height:45px;margin-bottom:15px;border-radius:50%;border:2px solid;flex-shrink:0;background-size:50%;background-repeat:no-repeat;background-position:center}.benefit-item p+.benefit-icon{margin-top:15px;margin-bottom:0}.icon-check{border-color:#8FB6FF;background-image:url(check.png)}.icon-lightning{border-color:var(--color-orange-tag);background-image:url(lightning.png)}.icon-heart{border-color:var(--color-pink-tag);background-image:url(heart.png)}.icon-star{border-color:var(--color-purple-tag);background-image:url(b-star.png)}.tag-yellow{background-color:#FFE6BE}.tag-purple{background-color:#CDCAFF}.tag-blue{background-color:#EFF7FF}.tag-pink{background-color:#FFD5EE}#benefits .star-1{top:15px;left:-80px;width:90px}#benefits .star-2{top:20px;right:-170px;width:120px}#benefits .star-3{bottom:20px;left:-190px;width:120px}.reviews-container{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.review-card{flex:1 1 300px;display:flex;flex-direction:column;padding:20px 20px 15px;border-radius:16px;background-color:var(--color-white);border:1px solid #f0f0f0;box-shadow:0 4px 15px rgb(255 204 171 / .5)}.stars-container{color:#ffc107;font-size:22px;margin-bottom:10px}.review-text{flex-grow:1;color:#444;line-height:1.6;font-size:18px}.author-info{display:flex;align-items:center;gap:15px;margin-top:20px}.author-avatar{width:45px;height:45px;border-radius:50%;background-color:#e0e0e0}.author-name{font-weight:700;margin:0;font-size:18px}.author-role{font-size:15px;color:#777;margin:0}.photo-gallery{column-count:3;column-gap:15px;margin-top:40px}.gallery-image{margin-bottom:15px;overflow:hidden;break-inside:avoid}.gallery-image img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .08);transition:transform 0.3s ease,box-shadow 0.4s ease}.gallery-image img:hover{transform:scale(1.03);box-shadow:0 8px 25px rgb(0 0 0 / .12)}#buy .container{padding:40px 50px;border-radius:24px;background-color:#f7faff}.order-block{max-width:600px;margin:40px auto;padding:40px;border-radius:24px;background-color:#eaf2ff;text-align:center;box-shadow:0 10px 30px rgb(0 0 0 / .1)}.order-block h3{font-size:30px;margin-bottom:30px}.order-features{margin-bottom:20px}.feature-row{display:flex;align-items:center;gap:20px;margin-bottom:20px;text-align:left}.feature-icon{width:50px;height:50px;border-radius:12px;border:2px solid #cddcff;flex-shrink:0;background-size:55%;background-position:center;background-repeat:no-repeat}.feature-icon.icon-secure-payment{background-image:url(secure-payment-icon.svg)}.feature-title{font-weight:700;font-size:18px}.feature-description{font-size:15px;color:var(--color-text-light)}.btn-yookassa{display:inline-block;width:100%;margin-top:30px;padding:15px;font-size:19px;font-weight:700;color:#242424;background-color:#87b2ed;border-radius:12px;text-decoration:none;transition:background-color 0.3s ease}.btn-yookassa:hover{background-color:#709cd6}.final-benefits-container{display:flex;justify-content:center;gap:30px;margin-top:60px;flex-wrap:wrap}.final-benefit-card{flex-basis:250px;padding:20px;border-radius:50px;background-color:#f8f5ff;text-align:center;font-weight:500;font-size:18px}.final-benefit-icon{width:45px;height:45px;margin:0 auto 15px auto;border-radius:50%;border:2px solid #e5dfff;background-size:55%;background-position:center;background-repeat:no-repeat}.final-benefit-icon.icon-6-months{background-image:url(clock.png)}.final-benefit-icon.icon-98-parents{background-image:url(heart.png)}.final-benefit-icon.icon-100-result{background-image:url(starik.png)}.book-detail-page{padding:120px 0 60px 0;background:linear-gradient(to bottom,var(--book-theme-gradient-start) 0%,var(--color-white) 50%)}.book-theme-orange{--book-theme-gradient-start:var(--color-orange-light);--book-theme-border-color:var(--color-orange)}.book-theme-blue{--book-theme-gradient-start:var(--color-purple-light);--book-theme-border-color:var(--color-purple)}.book-theme-pink{--book-theme-gradient-start:var(--color-pink-light);--book-theme-border-color:var(--color-pink)}.book-theme-yellow{--book-theme-gradient-start:var(--color-yellow-light);--book-theme-border-color:var(--color-yellow)}.back-link{display:inline-block;margin-bottom:30px;font-size:17px;font-weight:700;color:var(--color-primary);text-decoration:none;transition:color 0.3s ease}.back-link:hover{color:var(--color-primary-dark)}.book-content-grid{display:grid;grid-template-columns:0.8fr 1.3fr;gap:50px;align-items:flex-start}.main-book-cover{width:100%;border-radius:16px;box-shadow:0 10px 30px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.main-book-cover:hover{transform:scale(1.03);box-shadow:0 12px 35px rgb(0 0 0 / .12)}.age-badge{display:inline-block;padding:8px 15px;margin-bottom:15px;border-radius:25px;border:3px solid var(--book-theme-border-color);color:#000;font-family:var(--font-heading);font-size:18px}.book-info h1{font-size:46px;margin-bottom:15px}.book-info h1 .part-text{font-size:.7em;color:#888;margin-left:10px}.book-description p{font-size:19px;line-height:1.8;margin-bottom:2px}.topics-grid-compact{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.topics-grid-compact ul{list-style-type:none;padding-left:0;margin:0}.topics-grid-compact ul li{position:relative;padding-left:20px;margin-bottom:5px;font-size:17px;color:var(--color-text-light)}.topics-grid-compact ul li::before{content:'•';position:absolute;left:0;top:1px;color:var(--color-orange-tag);font-weight:700;font-size:1.2em}.btn-buy-large{margin-top:35px;padding:15px 35px;font-size:19px}.book-examples-section{margin-top:60px;padding-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:60px 25px;align-items:start}.book-examples-section .learning-section{border-radius:16px;padding:25px;height:100%;border:2px solid var(--book-theme-border-color)}.book-examples-section .learning-section h3{font-family:var(--font-heading);font-size:24px;margin-top:0;margin-bottom:10px}.book-examples-section .example-image img{width:100%;border-radius:12px;box-shadow:0 6px 20px rgb(0 0 0 / .09);display:block;transition:transform 0.3s ease,box-shadow 0.3s ease}.book-examples-section .example-image img:hover{transform:scale(1.05);box-shadow:0 10px 30px rgb(0 0 0 / .15)}body.agreement-page{background-color:var(--color-light-gray)}.agreement-content{padding:120px 0 60px 0}.agreement-page .agreement-content .container{background-color:var(--color-white);padding:40px 50px;border-radius:16px;box-shadow:0 8px 30px rgb(0 0 0 / .08);max-width:850px}.agreement-page .agreement-content h1{font-size:38px;padding-bottom:20px;margin-bottom:30px;border-bottom:2px solid #eaf2ff;text-align:center}.agreement-page .agreement-content h2{font-size:24px;color:var(--color-primary);margin-top:40px;margin-bottom:15px;padding-top:15px;border-top:1px solid #f0f0f0;text-align:left}.agreement-page .agreement-content h2:first-of-type{margin-top:0;padding-top:0;border-top:none}.agreement-page .agreement-content p{font-size:17px;line-height:1.8;color:var(--color-text-light);text-align:left}.result-page-wrapper{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px);padding:40px 15px}.result-box{background-color:var(--color-white);border-radius:24px;padding:40px 50px;max-width:600px;width:100%;text-align:center;box-shadow:0 10px 40px rgb(0 0 0 / .07)}.result-icon{font-size:50px;line-height:1;margin-bottom:20px}.result-box h1{font-size:38px;margin-bottom:15px}.result-box p{font-size:19px;line-height:1.7;color:var(--color-text-light);margin-bottom:20px}.result-box .support-text{font-size:16px;color:#777;margin-top:30px}.result-box .support-text a{color:var(--color-primary);text-decoration:none}.result-box .support-text a:hover{text-decoration:underline}.btn-home{margin-top:20px}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .6);backdrop-filter:blur(5px)}.modal-content{background-color:#eaf2ff;margin:15% auto;padding:30px 40px;border-radius:24px;width:90%;max-width:500px;position:relative;text-align:center;box-shadow:0 10px 40px rgb(0 0 0 / .2)}.close-button{color:#aaa;position:absolute;top:15px;right:20px;font-size:32px;font-weight:700;cursor:pointer}.close-button:hover,.close-button:focus{color:#333}.modal-content h3{font-size:30px;margin-bottom:20px}.modal-product-info{margin-bottom:25px}.modal-product-info p{margin:0;color:var(--color-text-light);font-size:18px}.modal-product-info h4{font-size:24px;margin:5px 0 10px}.modal-product-info .modal-price{font-size:26px;font-weight:700;color:var(--color-text-dark);font-family:var(--font-heading)}.modal-content .btn-yookassa{width:100%;margin-top:20px}.btn.disabled,.btn-yookassa.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.delivery-info{font-size:14px;padding:10px;background-color:rgb(255 255 255 / .5);border-radius:8px;margin-bottom:20px;text-align:center}.delivery-info .delivery-note{font-size:13px;color:#555;margin-top:5px}.delivery-info a{color:#357abd;font-weight:700}.agreement-checkbox-container{margin:20px 0;text-align:left;font-size:14px;display:flex;align-items:flex-start;gap:10px}.agreement-checkbox-container input[type="checkbox"]{margin-top:4px;flex-shrink:0}.agreement-checkbox-container a{color:var(--color-primary);text-decoration:none}.agreement-checkbox-container a:hover{text-decoration:underline}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}100%{transform:translateY(0)}}.background-star{animation:float 6s ease-in-out infinite}#hero .hero-star-2{animation-delay:1s;animation-duration:7s}#hero .hero-star-3{animation-delay:2.5s;animation-duration:8s}#hero .hero-star-4{animation-delay:1.5s}#method .method-star-1{animation-delay:0.5s;animation-duration:9s}#method .method-star-2{animation-delay:3s}.reveal{opacity:0;transform:translateY(20px);transition:opacity 0.8s ease,transform 0.8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.method-card:nth-child(2){transition-delay:0.1s}.feature-pill:nth-child(2){transition-delay:0.2s}.feature-pill:nth-child(3){transition-delay:0.3s}.audience-block:nth-child(2){transition-delay:0.2s}.audience-block:nth-child(3){transition-delay:0.4s}.book-card:nth-child(2){transition-delay:0.2s}.book-card:nth-child(3){transition-delay:0.4s}.book-card:nth-child(4){transition-delay:0.6s}.review-card:nth-child(2){transition-delay:0.2s}.review-card:nth-child(3){transition-delay:0.4s}@media (max-width:1024px){body{font-size:16px}main h2{font-size:38px}.hero-container{flex-direction:column;text-align:center}.hero-background-shape{width:100%;clip-path:polygon(0 0,100% 0,100% 100%,0 90%)}.hero-buttons{justify-content:center}.age-cards{justify-content:center}.book-grid-container{grid-template-columns:1fr 1fr;gap:40px 20px}.info-bubbles-container{gap:20px}.decorative-bubble{display:none}.characters-container img{max-height:180px}}@media (max-width:768px){main section{padding:40px 0}main h2{font-size:32px}#hero h1{font-size:36px}.section-subtitle{font-size:18px}.burger-menu{display:flex}.navigation{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:rgb(255 255 255 / .95);backdrop-filter:blur(10px);box-shadow:-5px 0 15px rgb(0 0 0 / .1);transition:right 0.4s ease-in-out;z-index:1000;padding-top:80px}.navigation.nav-open{right:0}.navigation ul{flex-direction:column;align-items:center;gap:30px}.navigation a{font-size:20px;text-shadow:none}#hero{padding-top:100px}.age-cards{flex-direction:column;gap:15px}.method-row{flex-direction:column;gap:20px}#method .container-wide{padding:30px 20px}.stat-number{font-size:48px}.stat-label{font-size:18px}.info-bubbles-container{flex-direction:column;align-items:center}.book-grid-container{grid-template-columns:1fr;padding:20px 0}.benefits-grid{grid-template-columns:1fr}.photo-gallery{column-count:2}.final-benefits-container{flex-direction:column;align-items:center}#buy .container{padding:20px}.order-block{padding:25px}.book-content-grid{grid-template-columns:1fr;gap:30px}.book-info{text-align:center}.topics-grid-compact{grid-template-columns:1fr;gap:10px 0;text-align:left;max-width:300px;margin:0 auto}.book-examples-section{grid-template-columns:1fr;gap:30px}.agreement-page .agreement-content .container{padding:20px}.background-star{display:none}}@media (max-width:480px){.photo-gallery{column-count:1}.hero-buttons{flex-direction:column;align-items:center}#books h2::before{width:100%;height:120px}.result-box{padding:25px 20px}.result-box h1{font-size:28px}.modal-content{padding:25px;margin:20% auto}}.info-bubble.decorative-bubble{padding:0;flex:none;min-width:auto;max-width:none}section{overflow-x:hidden}


.toys-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px;
    padding: 20px;
 
    margin-bottom: 40px; 
}

.toy-card {
    display: flex;
    flex-direction: column;
    border-radius: 25px;
    padding: 25px;

    padding-bottom: 60px; 
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 15px rgb(0 0 0 / .08);
}

.toy-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 25px rgb(0 0 0 / .12);
}

.toy-image-area {
    background-color: var(--color-white);
    border-radius: 20px;
    height: 280px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.toy-image-area img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.toy-content h3 {
    font-size: 24px;
    margin-bottom: 5px;
}

.toy-content p {
    font-size: 16px;
    color: var(--color-text-light);
}



.toy-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateY(50%); 
    z-index: 2;
}

.toy-footer .price {
    font-family: var(--font-main); 
    font-size: 20px; 
    font-weight: 700;
    
    background-color: var(--color-white);
    padding: 8px 18px;
    border-radius: 25px;
    border: 2px solid; 
    white-space: nowrap; 
}

.toy-footer .btn-buy {
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: 700;
    
    padding: 12px 28px; 
    border-radius: 50px;
    text-decoration: none;
    color: #000;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transition: transform 0.2s, box-shadow 0.2s;
}

.toy-footer .btn-buy:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 20px rgb(0 0 0 / .15);
}




.card-orange .price {
    border-color: var(--color-orange-tag);
}
.card-orange .btn-buy {
    background-color: var(--color-orange-tag);
}


.card-purple .price {
    border-color: var(--color-purple-tag);
}
.card-purple .btn-buy {
    background-color: var(--color-purple-tag);
}


.card-pink .price {
    border-color: var(--color-pink-tag);
}
.card-pink .btn-buy {
    background-color: var(--color-pink-tag);
}

@media (max-width: 1024px) {
    .toys-grid {
        grid-template-columns: repeat(2, 1fr); 
    }
}

@media (max-width: 650px) {
    .toys-grid {
        grid-template-columns: 1fr;
        gap: 50px; 
    }
    .toy-image-area {
        height: 200px;
    }
}


.modal-agreement-wrapper {
    margin: 15px 0 20px 0; 
    text-align: left;
    font-size: 14px; 
    line-height: 1.4;
    color: var(--color-text-light);
}

.modal-agreement-label {
    display: flex;
    align-items: flex-start; 
    gap: 10px; 
    cursor: pointer;
}

.modal-agreement-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 2px; 
    flex-shrink: 0; 
    cursor: pointer;
    accent-color: var(--color-primary); 
}

.modal-agreement-label a {
    color: var(--color-primary);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s;
}

.modal-agreement-label a:hover {
    border-color: var(--color-primary);
}
.toy-image-area {
    position: relative;
}
.toy-image-area:hover .btn-details {
    opacity: 1;
    visibility: visible;
}


.preorder-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #ff6b6b; 
    color: white;
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 14px;
    z-index: 5;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    font-family: var(--font-heading);
    letter-spacing: 0.5px;
}


.toy-footer .btn-buy.disabled {
    background-color: #e0e0e0 !important; 
    color: #888 !important; 
    border: 2px solid #ccc !important; 
    box-shadow: none !important;
    cursor: default;
    pointer-events: none; 
    transform: none !important; 
}


.part-switcher {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
    margin-bottom: 5px;
    background: rgba(255,255,255, 0.6);
    padding: 5px;
    border-radius: 20px;
}

.part-btn {
    border: 2px solid transparent;
    background: none;
    padding: 6px 14px;
    border-radius: 15px;
    cursor: pointer;
    font-family: var(--font-main);
    font-weight: 700;
    font-size: 15px;
    color: var(--color-text-light);
    transition: all 0.3s ease;
}


.part-btn:hover {
    background-color: rgba(255,255,255, 0.8);
}


.part-btn.active {
    background-color: #fff;
    color: #000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}


.fade-in {
    animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0.5; transform: scale(0.98); }
    to { opacity: 1; transform: scale(1); }
}




.card-orange .part-btn.active {
    border-color: var(--color-orange-tag);
}


.card-purple .part-btn.active {
    border-color: var(--color-purple-tag);
}


.card-pink .part-btn.active {
    border-color: var(--color-pink-tag);
}

.modal-recommendations {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 3px dashed #adcafc; 
    position: relative;
    background: linear-gradient(180deg, #fcfdff 0%, #edf4ff 100%); 
    border-radius: 0 0 24px 24px; 
    margin-left: -40px;
    margin-right: -40px;
    width: calc(100% + 80px);
}

.rec-title {
    font-size: 22px;
    font-family: var(--font-heading);
    color: var(--color-primary-dark);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}


.rec-swiper {
    width: 100%;
    padding: 10px 50px 30px 50px; 
    box-sizing: border-box;
    position: relative;
}


.swiper-slide {
    height: auto;
    display: flex;
    justify-content: center;
}

.rec-card {
    width: 100%;
    background: #fff;
    padding: 15px 10px; 
    border-radius: 16px;
    border: 2px solid #e2edff; 
    box-shadow: 0 4px 12px rgba(74, 144, 226, 0.1); 
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    height: 100%; 
    position: relative; 
}

.rec-card:hover {
    border-color: var(--color-primary);
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 10px 20px rgba(74, 144, 226, 0.25);
}

.rec-badge {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #ff6b6b;
    color: white;
    font-size: 11px;
    font-weight: 800;
    font-family: var(--font-heading);
    padding: 4px 12px;
    border-radius: 12px;
    box-shadow: 0 3px 8px rgba(255, 107, 107, 0.4);
    z-index: 5;
    transform: rotate(10deg);
    letter-spacing: 1px;
}

.rec-img {
    width: 80px; 
    height: 90px;
    object-fit: contain;
    margin-bottom: 12px;
    transition: transform 0.3s ease;
}

.rec-card:hover .rec-img {
    transform: scale(1.08); 
}

.rec-name {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 8px;
    color: #333;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-grow: 1; 
}

.rec-price {
    font-size: 16px;
    color: var(--color-primary);
    font-weight: 800;
    margin-top: auto;
    margin-bottom: 10px;
}

.rec-btn {
    font-size: 14px;
    padding: 8px 18px;
    border-radius: 20px;
    background-color: var(--color-orange-tag); 
    color: #000;
    border: none;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(255, 179, 72, 0.3);
    margin-top: auto;
}

.rec-btn:hover {
    background-color: #ff9f1c; 
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(255, 159, 28, 0.4);
}


.rec-prev, .rec-next {
    width: 40px; 
    height: 40px;
    margin-top: -20px;
    color: var(--color-primary);
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); 
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.rec-prev:hover, .rec-next:hover {
    background-color: var(--color-primary);
    color: #fff;
    transform: scale(1.1);
}

.rec-prev::after, .rec-next::after {
    font-size: 18px;
    font-weight: bold;
}

.rec-prev {
    left: 10px; 
}

.rec-next {
    right: 10px; 
}


@media (max-width: 480px) {
    .modal-recommendations {
        margin-left: -25px; 
        margin-right: -25px;
        width: calc(100% + 50px);
    }
    .rec-swiper {
        padding: 10px 35px 30px 35px; 
    }
    .rec-prev, .rec-next {
        width: 30px;
        height: 30px;
    }
    .rec-prev::after, .rec-next::after {
        font-size: 14px;
    }
}



.page-recommendations {
    padding: 60px 0 80px 0;
    background-color: #f9fbff; 
    border-top: 1px solid #eef2f5;
    margin-top: 60px;
}

.page-recommendations h2 {
    margin-bottom: 40px;
    font-size: 36px;
}


.page-rec-swiper {
    padding: 20px 60px 40px 60px; 
    overflow: hidden; 
}

.page-recommendations .rec-card {
    height: 100%;
    padding: 20px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.page-recommendations .rec-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
    border-color: var(--color-primary);
}

.page-recommendations .rec-img {
    width: 120px; 
    height: 140px;
    margin-bottom: 15px;
}

.page-recommendations .rec-name {
    font-size: 16px; 
    margin-bottom: 10px;
}

.page-recommendations .rec-price {
    font-size: 18px;
}

.page-recommendations .rec-btn {
    padding: 10px 24px;
    font-size: 15px;
}


.page-rec-prev, .page-rec-next {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    color: var(--color-primary);
    transition: all 0.3s ease;
}

.page-rec-prev:hover, .page-rec-next:hover {
    background-color: var(--color-primary);
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

.page-rec-prev::after, .page-rec-next::after {
    font-size: 22px;
    font-weight: bold;
}

.page-rec-prev { left: 0; }
.page-rec-next { right: 0; }

/* Адаптив */
@media (max-width: 768px) {
    .page-rec-swiper {
        padding: 10px 10px 40px 10px; 
    }
    .page-rec-prev, .page-rec-next {
        display: none;
    }
}


.rec-link-wrapper {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.rec-link-wrapper:hover .rec-name {
    color: var(--color-primary); 
}

.modal-content.modal-content-wide {
    max-width: 850px;
    padding: 35px 40px;
}


.modal-body-layout {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.modal-checkout-col {
    flex: 1; 
}


.modal-recs-col {
    flex: 0 0 320px;
    background: linear-gradient(180deg, #fcfdff 0%, #edf4ff 100%);
    padding: 20px;
    border-radius: 16px;
    border: 2px dashed #adcafc;
}

.modal-recs-col .rec-title {
    font-size: 18px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 15px;
    color: var(--color-primary-dark);
}


.rec-mini-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    padding: 12px;
    border-radius: 12px;
    margin-bottom: 12px;
    box-shadow: 0 4px 10px rgba(74, 144, 226, 0.08);
    border: 1px solid #e2edff;
    transition: all 0.3s ease;
    cursor: pointer;
}

.rec-mini-card:last-child {
    margin-bottom: 0;
}

.rec-mini-card:hover {
    border-color: var(--color-primary);
    transform: translateX(-5px); 
    box-shadow: 0 6px 15px rgba(74, 144, 226, 0.2);
}

.rec-mini-img {
    width: 45px;
    height: 60px;
    object-fit: contain;
}

.rec-mini-info {
    flex: 1;
    text-align: left;
}

.rec-mini-name {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 4px;
    color: #333;
}

.rec-mini-price {
    font-size: 14px;
    font-weight: 800;
    color: var(--color-primary);
}


.rec-mini-btn {
    font-size: 12px;
    padding: 8px 14px;
    border-radius: 15px;
    background-color: var(--color-orange-tag); 
    color: #000;
    border: none;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 3px 8px rgba(255, 179, 72, 0.3);
}

.rec-mini-btn:hover {
    background-color: #ff9f1c; 
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(255, 159, 28, 0.4);
}


@media (max-width: 768px) {
    .modal-content.modal-content-wide {
        padding: 25px 20px;
    }
    
    .modal-body-layout {
        flex-direction: column-reverse; 
        gap: 25px;
    }
    
    .modal-recs-col {
        flex: 1;
        width: 100%;
    }
    
    .rec-mini-card:hover {
        transform: none; 
    }
}

.book-theme-mint {
    --book-theme-gradient-start: #d8f5e3;
    --book-theme-border-color: #55c87e;
}

#flashcards {
    padding-bottom: 20px;
}

.flashcard-banner {
    background-color: #eafbf0;
    border-radius: 30px;
    padding: 40px;
    display: flex;
    gap: 50px;
    align-items: center;
    border: 2px solid #bcebcf;
    box-shadow: 0 10px 30px rgba(85, 200, 126, 0.1);
}

.fc-image {
    flex: 1;
    text-align: center;
}

.fc-image img {
    max-width: 100%;
    max-height: 350px;
    border-radius: 20px;
    transform: rotate(-3deg);
    transition: transform 0.3s ease;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.flashcard-banner:hover .fc-image img {
    transform: rotate(0deg) scale(1.03);
}

.fc-content {
    flex: 1;
}

.fc-tag {
    position: static;
    display: inline-block;
    background-color: #55c87e;
    color: white;
    border: none;
    margin-bottom: 15px;
}

.fc-content h3 {
    font-size: 34px;
    margin-bottom: 15px;
}

.fc-desc {
    font-size: 18px;
    color: var(--color-text-light);
    margin-bottom: 20px;
    line-height: 1.6;
}

.fc-features {
    list-style: none;
    margin-bottom: 30px;
}

.fc-features li {
    font-size: 17px;
    margin-bottom: 8px;
    padding-left: 25px;
    position: relative;
    font-weight: 700;
}

.fc-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #55c87e;
    font-size: 18px;
}


.fc-footer {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.fc-price {
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 700;
    background-color: var(--color-white);
    padding: 8px 22px;
    border-radius: 25px;
    border: 2px solid #55c87e; 
    color: var(--color-text-dark);
    white-space: nowrap;
}

.fc-footer .btn-buy {
    font-family: var(--font-main);
    font-size: 17px;
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 50px;
    text-decoration: none;
    color: #000;
    background-color: #55c87e;
    box-shadow: 0 4px 10px rgba(85, 200, 126, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: inline-block;
    border: 2px solid transparent;
}

.fc-footer .btn-buy:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 20px rgba(85, 200, 126, 0.4);
}

.fc-footer .btn-details-text {
    font-weight: 700;
    color: #55c87e;
    text-decoration: none;
    border-bottom: 2px dashed #55c87e;
    transition: color 0.3s, border-color 0.3s;
    margin-left: 5px;
}

.fc-footer .btn-details-text:hover {
    color: #3ba15f;
    border-color: #3ba15f;
}


@media (max-width: 768px) {
    .flashcard-banner {
        flex-direction: column;
        padding: 25px;
        gap: 25px;
        text-align: center;
    }
    .fc-features li {
        text-align: left;
    }
    .fc-footer {
        flex-direction: column;
        gap: 15px;
    }
}


.topics-grid-compact {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 30px;
}


.topics-grid-compact h3 {
    grid-column: 1 / -1 !important; 
    margin-bottom: 15px;
    font-size: 20px;
}

.topics-grid-compact ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.topics-grid-compact ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
    font-size: 17px;
    color: var(--color-text-light);
}

.topics-grid-compact ul li::before {
    content: '•';
    position: absolute;
    left: 0;
    top: 1px;
    color: #55c87e; /* Мятный цвет в тему карточек */
    font-weight: 700;
    font-size: 1.2em;
}


.fc-footer {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
    flex-wrap: wrap;
}


.fc-price {
    font-family: var(--font-main);
    font-size: 20px;
    font-weight: 700;
    background-color: var(--color-white);
    padding: 8px 22px;
    border-radius: 25px;
    border: 2px solid #55c87e !important;
    color: var(--color-text-dark);
    white-space: nowrap;
}


.fc-footer .btn-buy {
    font-family: var(--font-main) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    padding: 10px 30px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    color: #000 !important;
    background-color: #55c87e !important;
    box-shadow: 0 4px 10px rgba(85, 200, 126, 0.2) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: inline-block;
    border: 2px solid transparent;
}

.fc-footer .btn-buy:hover {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 6px 20px rgba(85, 200, 126, 0.4) !important;
}


.fc-footer .btn-details-text {
    font-weight: 700;
    color: #55c87e;
    text-decoration: none;
    border-bottom: 2px dashed #55c87e;
    transition: color 0.3s, border-color 0.3s;
    margin-left: 5px;
}

.fc-footer .btn-details-text:hover {
    color: #3ba15f;
    border-color: #3ba15f;
}