@media screen and (max-width:768px){.navbar{padding:.8rem 1rem;flex-direction:row;justify-content:space-between;align-items:center;height:auto;width:100%;position:fixed;top:0;transition:transform .3s ease}.navbar ul{margin-top:0;flex-direction:row;width:auto;display:flex;justify-content:flex-end;flex:1}.navbar ul li{margin:0 .3rem}.navbar ul li a{font-size:.85rem;padding:.3rem .5rem}.logo{position:relative;left:auto;display:flex;align-items:center;margin-right:.8rem}.mockup-logo{width:32px;height:32px}.teaching-section{padding:0;margin-top:60px;width:100%}.container{padding:0;width:100%}.container h2{font-size:1.3rem;margin-bottom:1rem}.service-card{padding:.8rem;margin:.5rem 0;width:100%;border-radius:0}.service-card h2{font-size:1.1rem;margin:.5rem 0}.subtitle{font-size:.8rem}.card-icon{font-size:1.5rem;margin-bottom:.5rem}.content-block{padding:.8rem;width:100%}.content-block h4{font-size:1rem;margin:.5rem 0}.content-block ul{padding-left:.8rem}.content-block li{margin:.4rem 0;font-size:.85rem}.highlight-box{padding:.8rem;margin:.5rem 0;width:100%;border-radius:0}.highlight-box p{font-size:.85rem;margin:.4rem 0}.package-grid{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:15px}.package-item{padding:15px;width:100%;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;overflow:hidden}.package-item::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(to right,#48cae4,#00b4d8)}.package-item:nth-child(2)::before{background:linear-gradient(to right,#00b4d8,#0077b6)}.package-item:nth-child(3)::before{background:linear-gradient(to right,#0077b6,#023e8a)}.package-item h3{font-size:1.05rem;display:flex;align-items:center;margin-bottom:8px}.package-item:first-child h3::before{content:'1';display:inline-block;width:22px;height:22px;background:#48cae4;color:#fff;border-radius:50%;text-align:center;line-height:22px;margin-right:8px;font-size:.85rem}.package-item:nth-child(2) h3::before{content:'2';display:inline-block;width:22px;height:22px;background:#00b4d8;color:#fff;border-radius:50%;text-align:center;line-height:22px;margin-right:8px;font-size:.85rem}.package-item:nth-child(3) h3::before{content:'3';display:inline-block;width:22px;height:22px;background:#0077b6;color:#fff;border-radius:50%;text-align:center;line-height:22px;margin-right:8px;font-size:.85rem}.price{font-size:1.3rem;margin:8px 0;text-align:left}.package-item p strong{display:block;margin-bottom:4px;color:#48cae4}.package-item p{font-size:.9rem;line-height:1.4;margin-bottom:10px}.package-item h4{font-size:.95rem;color:#fff;margin:12px 0 8px 0;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.package-item ul{padding-left:0;list-style:none}.package-item li{font-size:.85rem;margin-bottom:8px;display:flex;align-items:flex-start}.package-item li i{margin-right:8px;color:#48cae4;margin-top:2px}.package-tabs{display:flex;justify-content:center;margin:15px 0;width:100%}.package-tab{padding:8px 12px;font-size:.85rem;background:rgba(255,255,255,.1);border:none;color:#fff;border-radius:4px;margin:0 5px;cursor:pointer;transition:all .3s ease;flex:1;max-width:100px;text-align:center}.package-tab.active{background:#48cae4;box-shadow:0 2px 5px rgba(72,202,228,.3)}.price-tag{font-size:1rem}.promo-price{font-size:.9rem}.qr-code-area{margin:1rem 0}.qr-code-area img{max-width:150px}.qr-code-area p{font-size:.8rem;margin-top:.5rem}.modal-content{width:90%;max-width:300px}.close-modal{font-size:1.5rem;right:.8rem;top:.3rem}section{margin:.5rem 0;padding:0;width:100%}body{-webkit-overflow-scrolling:touch;padding:0;margin:0;width:100%}main{padding:0;width:100%}.mobile-only{display:flex!important}.package-item{display:none}.package-item.active{display:block}.package-item[data-package="1"]{display:block}}@media screen and (min-width:769px){.mobile-only{display:none!important}}@media (hover:none){.package-item:hover,.service-card:hover{transform:none}}@media screen and (max-width:320px){.container h2{font-size:1.2rem}.service-card h2{font-size:1rem}.package-item h3{font-size:.9rem}.price{font-size:1.2rem}.package-item li{font-size:.8rem}}