.teens-home{overflow-x:hidden}.teens-home .parallax-banner{height:50vh;position:relative}.teens-home .parallax-banner:before{content:"";z-index:1;background:#00000080;position:absolute;inset:0}.teens-home .parallax-banner .banner-content{z-index:2;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex;position:relative}.teens-home .parallax-banner .banner-content .main-title{text-shadow:2px 2px 4px #00000080;margin-bottom:1rem;font-size:4rem;font-weight:700}@media (max-width:768px){.teens-home .parallax-banner .banner-content .main-title{font-size:2.5rem}}.teens-home .parallax-banner .banner-content .subtitle{text-shadow:1px 1px 2px #00000080;font-size:2rem;font-weight:300}@media (max-width:768px){.teens-home .parallax-banner .banner-content .subtitle{font-size:1.5rem}}.teens-home .features-section .feature-card{text-align:center;background:linear-gradient(145deg,#fff,#f5f5f5);border-radius:15px;height:100%;transition:transform .3s;box-shadow:0 8px 30px #0000001a}.teens-home .features-section .feature-card:hover{transform:translateY(-10px)}.teens-home .features-section .feature-card .feature-icon{color:#2196f3;margin-bottom:1rem;font-size:3rem}.teens-home .nutrition-tips-section .section-title{text-align:center;color:#333;margin-bottom:2rem;font-weight:700}.teens-home .nutrition-tips-section .tip-card{background:#fff;border-radius:15px;height:100%;transition:all .3s;box-shadow:0 4px 20px #00000014}.teens-home .nutrition-tips-section .tip-card:hover{transform:scale(1.02);box-shadow:0 8px 30px #00000026}.teens-home .nutrition-tips-section .tip-card .tip-icon{color:#4caf50;margin-bottom:1rem;font-size:2.5rem}.teens-home .mid-page-banner{height:25vh;position:relative}.teens-home .mid-page-banner:before{content:"";z-index:1;background:#0000004d;position:absolute;inset:0}.teens-home .mid-page-banner .banner-content{z-index:2;text-align:center;color:#fff;justify-content:center;align-items:center;height:100%;padding:1rem;display:flex;position:relative}.teens-home .mid-page-banner .banner-content .quote{text-shadow:2px 2px 4px #0000004d;letter-spacing:.5px;max-width:800px;margin:0 auto;font-size:2.8rem;font-weight:400;line-height:1.2}@media (max-width:768px){.teens-home .mid-page-banner .banner-content .quote{font-size:2rem}}