html,body{width:100%;font-family:Arial,sans-serif;background-color:#e6f7f7;overflow-x:hidden}.landing-page{display:flex;flex-direction:column;min-height:100vh;background-color:#e6f7f7;width:100%}.header-container{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1200px}.logo{display:flex;align-items:center;gap:10px;margin-left:-120px}.logo img{height:75px;width:85px}.navigation{display:flex;gap:20px}.navigation a{color:#fff;text-decoration:none;font-size:16px;display:flex;font-weight:700;padding:10px 15px;align-items:center;height:80px;transition:color .3s ease}.navigation a:hover{color:#333}.hero{display:flex;align-items:center;justify-content:space-between;padding:100px 40px 40px;background-color:#e6f7f7;gap:220px}.text-content h1{font-size:40px;color:#40ada8}.text-content h2{font-size:24px;color:#333;margin-bottom:10px}.text-content p{font-size:20px;margin:20px 0}.cta-button{background-color:#40ada8;color:#fff;padding:10px 20px;border:none;border-radius:50px;cursor:pointer;font-size:16px}.cta-button:hover{background-color:#0056b3}.image-content img{max-width:100%;height:auto;border-radius:10px}.cta-banner{background-color:#40ada8;color:#fff;text-align:center;padding:20px;font-size:20px}.image-content img{max-width:500px;max-height:500px;object-fit:contain}.features-section{text-align:center;padding:50px 20px;background-color:#e6f7f7;color:#000}.features-heading h2{font-size:2rem;margin-bottom:10px}.features-heading p{font-size:1.2rem;color:gray;margin-bottom:30px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.feature-card{background-color:#40ada8;color:#fff;border-radius:10px;padding:20px;text-align:left;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 6px 10px #00000026}.feature-card h3{font-size:1.5rem;margin-bottom:10px}.feature-card p{font-size:1rem;margin-bottom:15px}.feature-card a{text-decoration:none;color:#fff;font-weight:700;border-bottom:2px solid white}.feature-card a:hover{color:#f5f5f5}.footer{background-color:#40ada8;color:#fff;text-align:center;padding:10px 0}.mental-health-features{text-align:center;padding:40px 20px;background-color:#e6f7f7;color:#000;margin-bottom:40px}.mental-health-features h2{font-size:2rem;margin-bottom:10px}.mental-health-features p{font-size:1.2rem;color:gray;margin-bottom:30px}.mental-health-feature-cards{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.mental-feature-card{background-color:#fff;color:#000;border-radius:10px;padding:20px;width:300px;text-align:center;box-shadow:0 4px 6px #0000001a}.mental-feature-card img{width:100px;height:100px;margin-bottom:15px}.mental-feature-card h3{font-size:1.5rem;margin-bottom:10px}.mental-feature-card p{font-size:1rem;margin-bottom:15px}.learn-more{background-color:#40ada8;color:#fff;padding:10px 20px;border:none;border-radius:50px;cursor:pointer;font-size:16px}.learn-more:hover{background-color:#0056b3}.features-section{text-align:center;padding:50px 20px;background-color:#e6f7f7;color:#000;margin-top:40px}.user-testimonials{text-align:center;padding:50px 20px;background-color:#e6f7f7;color:#000}.user-testimonials h2{font-size:2rem;margin-bottom:10px}.user-testimonials p{font-size:1.2rem;color:gray;margin-bottom:30px}.testimonial-card{display:flex;align-items:center;justify-content:center;gap:20px;max-width:800px;margin:0 auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.testimonial-image{width:150px;height:150px;border-radius:50%;object-fit:cover}.testimonial-text p{font-size:1rem;color:#333;text-align:left}.wellness-journey{background-color:#e6f7f7;padding:40px 20px;text-align:center;color:#000}.wellness-journey h2{font-size:1.8rem;margin-bottom:10px}.wellness-journey p{font-size:1rem;margin-bottom:30px}.subscription-form{display:flex;justify-content:center;align-items:center;gap:10px}.email-input{padding:10px;border:none;border-radius:50px;width:250px;font-size:1rem;background-color:#fff}.subscribe-button{background-color:#fff;color:#38b2ac;border:none;padding:10px 20px;border-radius:50px;font-size:1rem;cursor:pointer;font-weight:700}.subscribe-button:hover{background-color:#e2e8f0}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Arial,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{transition:transform .18s ease,box-shadow .18s ease}button:hover{transform:translateY(-1px)}:focus-visible{outline:2px solid #40ADA8;outline-offset:3px}#root{min-height:100vh}#root .landing-main .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,7vw,96px);max-width:1440px;margin:0 auto;padding:108px clamp(24px,5vw,72px) 56px}#root .landing-main .text-content{min-width:0;max-width:580px}#root .landing-main .text-content h1{font-size:clamp(2.5rem,4.2vw,4rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 18px}#root .landing-main .text-content h2{font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.35}#root .landing-main .text-content p{max-width:48ch;line-height:1.7}#root .landing-main .image-content{min-width:0;display:flex;justify-content:center}#root .landing-main .image-content img{width:100%;max-width:520px;max-height:440px;object-fit:contain}#root .landing-main .cta-banner{padding:20px clamp(20px,5vw,72px)}#root .landing-main .cta-banner p{max-width:1000px;margin:0 auto;line-height:1.6}#root .landing-main .features-section,#root .landing-main .mental-health-features,#root .landing-main .user-testimonials,#root .landing-main .wellness-journey{padding:clamp(40px,6vw,76px) clamp(20px,5vw,72px)}#root .landing-main .features-heading,#root .landing-main .mental-health-features>h2,#root .landing-main .mental-health-features>p,#root .landing-main .user-testimonials>h2,#root .landing-main .user-testimonials>p,#root .landing-main .wellness-journey>h2,#root .landing-main .wellness-journey>p{max-width:760px;margin-right:auto;margin-left:auto}#root .landing-main .features-grid,#root .landing-main .mental-health-feature-cards{max-width:1240px;margin:32px auto 0;gap:20px}#root .landing-main .feature-card,#root .landing-main .mental-feature-card,#root .landing-main .testimonial-card{border-radius:14px;box-shadow:0 8px 24px #00000014;transition:transform .2s ease,box-shadow .2s ease}#root .landing-main .feature-card:hover,#root .landing-main .mental-feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001f}#root .landing-main .mental-feature-card{flex:1 1 260px;max-width:360px}#root .landing-main .testimonial-card{max-width:900px;padding:clamp(20px,4vw,36px);text-align:left}#root .landing-main .testimonial-image{flex:0 0 auto}#root .landing-main .subscription-form{flex-wrap:wrap}#root .footer{box-sizing:border-box;padding:28px 20px}#root .about-us-page,#root .contact-us-page,#root .wellness-tips-page,#root .policy-container,#root .terms-container,#root .therapist-dashboard{margin-top:76px}#root .about-us-page,#root .contact-us-page,#root .wellness-tips-page{padding:24px clamp(16px,4vw,48px)}#root .about-us-main,#root .contact-us-main,#root .wellness-main{max-width:1200px;margin:0 auto;padding:clamp(24px,4vw,48px);border-radius:14px}#root .about-us-main h2,#root .contact-us-main h2,#root .wellness-main h2{line-height:1.25;letter-spacing:-.02em}#root .about-us-main p,#root .contact-us-main p,#root .wellness-main p{line-height:1.75}#root .about-us-main>section{max-width:900px;margin:0 auto 28px;padding:clamp(18px,3vw,28px);border-radius:12px;box-shadow:0 6px 20px #0000000f}#root .contact-form-section{max-width:720px;margin:0 auto}#root .contact-form-section form{display:grid;gap:16px}#root .contact-form-section .form-group{margin:0}#root .contact-form-section input,#root .contact-form-section textarea{min-height:46px;border-radius:8px}#root .contact-form-section textarea{min-height:140px}#root .wellness-tips-section ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}#root .wellness-tips-section li{margin:0;border-radius:12px;box-shadow:0 6px 20px #00000012;transition:transform .18s ease,box-shadow .18s ease}#root .wellness-tips-section li:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000001a}#root .resources-section{max-width:960px;margin:48px auto 0;padding:clamp(20px,3vw,32px);border-radius:12px}#root .how-it-works{padding:112px clamp(20px,5vw,72px) 56px}#root .steps-grid{max-width:1200px;margin:32px auto 0;gap:20px}#root .step-card{min-height:230px;padding:28px;border-radius:14px;box-shadow:0 8px 24px #00000017;transition:transform .2s ease,box-shadow .2s ease}#root .step-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000021}#root .cta-section{padding:48px 20px}#root .policy-container,#root .terms-container{max-width:880px;padding:32px clamp(20px,4vw,48px);line-height:1.75}#root .policy-container h1,#root .terms-container h1{margin-bottom:12px;line-height:1.2}#root .policy-container h2,#root .terms-container h2{margin-top:28px;margin-bottom:8px;line-height:1.3}#root .signup-container,#root .account-container,#root .settings-container{box-sizing:border-box;box-shadow:0 10px 30px #00000014}#root .signup-container input,#root .account-container .form-input,#root .settings-container .input{min-height:46px;border-radius:8px}#root .track-progress{box-sizing:border-box;width:min(100% - 32px,560px);padding:clamp(22px,4vw,32px);border-radius:14px;margin-top:112px}#root .track-progress .mood-select,#root .track-progress .notes-input,#root .track-progress .date-filter{box-sizing:border-box;min-height:46px}#root .track-progress .notes-input{min-height:120px}#root .appointments-page{box-sizing:border-box;width:min(100% - 32px,1200px);margin:100px auto 40px;padding:clamp(20px,4vw,36px);border-radius:14px}#root .appointments-page .booking-form{padding:clamp(18px,3vw,28px);border-radius:12px}#root .appointments-page select,#root .appointments-page input[type=date],#root .appointments-page input[type=time],#root .appointments-page input[type=email]{width:min(100%,650px);min-height:44px;box-sizing:border-box}#root .appointments-page .therapists-grid{gap:16px}#root .appointments-page .therapist-card,#root .appointments-page .appointment-item{border-radius:10px}#root .therapist-dashboard{box-sizing:border-box;width:min(100% - 32px,1000px);margin:100px auto 40px;padding:clamp(20px,4vw,36px)}#root .profile-bg .profile-container{box-sizing:border-box;width:min(100% - 32px,960px);margin:100px auto 48px}#root .profile-bg .profile-welcome p{font-size:1rem;line-height:1.65}#root .profile-bg .profile-tabs{flex-wrap:wrap;gap:12px 24px}#root .profile-bg .dashboard-grid{gap:16px}#root .profile-bg .dashboard-card{border-radius:12px}@media (max-width: 760px){#root .landing-main .hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:92px 22px 36px}#root .landing-main .text-content{max-width:640px}#root .landing-main .image-content img{max-height:340px}#root .landing-main .testimonial-card{flex-direction:column;text-align:center}#root .landing-main .testimonial-text p{text-align:center}#root .about-us-main,#root .contact-us-main,#root .wellness-main{padding:20px}#root .profile-bg .profile-container{padding:24px 18px 32px}#root .profile-bg .profile-card{align-items:flex-start;gap:16px}#root .profile-bg .profile-meta{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}