html,body{overflow-x:hidden;width:100%}body{font-family:Inter,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,sans-serif;margin:0;padding:0;background-color:#f7f7f7;text-align:center;max-width:100vw;overflow-x:hidden}.container{margin:0 auto}.about-wrapper{padding:40px 20px;background:#15202b;display:flex;flex-direction:column;align-items:center}.about-title{font-size:40px;color:#fff;font-family:Inter,sans-serif;margin-top:16px;margin-bottom:60px;max-width:400px}.aboutContainer{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:center;margin-bottom:100px;max-width:1200px;width:100%;padding:0 20px}.about-texts{display:flex;flex-direction:column;justify-content:left;text-align:left}.about-header{font-size:32px;color:#fff;font-family:Inter,sans-serif;font-weight:600;max-width:600px;margin-bottom:12px}.about-text{font-size:16px;color:#a1c1d8;font-family:Inter,sans-serif;max-width:480px;margin:0 0 28px;font-weight:400}.about-logo{width:612px;min-width:52%;object-fit:contain;flex-shrink:0}.universe-image{width:100%;max-width:120px;height:auto;margin-bottom:20px}.about-getStartButton{background:#f8dd00;padding:12px 24px;border-radius:100px;cursor:pointer;display:inline-block;max-width:fit-content}.about-getStartButtonText{font-size:14px;margin:0;font-weight:500}@media (max-width: 768px){.aboutContainer{flex-direction:column;text-align:center}.about-logo,.about-text{max-width:100%}}@media (max-width: 480px){.about-wrapper{padding:20px 12px}.aboutContainer{flex-direction:column-reverse}.about-title{max-width:90%}.aboutContainer.image-last{flex-direction:column}.about-logo{max-width:100%}.about-getStartButton{margin:0}}.header{background:#15202b;display:flex;align-items:center;justify-content:space-between;width:100%;position:fixed;top:0;z-index:100;padding:12px 24px;box-sizing:border-box}.logo-container{display:flex;align-items:center}.logo{width:33px;height:24px}.logo-text{color:#fff;margin-left:8px;font-family:Inter,sans-serif;font-size:18px}.getStartButton{background:#f8dd00;padding:12px 24px;border-radius:100px;cursor:pointer;white-space:nowrap}.getStartButtonText{font-size:14px;margin:0;font-weight:500}@media (max-width: 768px){.header{padding:12px 16px}.logo{width:28px;height:20px}.logo-text{font-size:16px}.getStartButton{padding:10px 20px}.getStartButtonText{font-size:13px}}@media (max-width: 480px){.header{align-items:center;gap:8px}.getStartButton{align-self:flex-end}}.heroContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#15202b;padding:60px 20px 40px;text-align:center;box-sizing:border-box}.textContainer{max-width:720px;margin-bottom:40px}.heroTitle{font-size:clamp(28px,5vw,52px);color:#fff;font-family:Inter,sans-serif;font-weight:700;margin-bottom:20px}.heroSubtitle{font-size:clamp(16px,2.5vw,20px);color:#a1c1d8;font-family:Inter,sans-serif;font-weight:500;margin-bottom:32px}.getStartButton{background-color:#f8dd00;color:#000;font-weight:600;font-size:16px;padding:12px 32px;border-radius:50px;border:none;cursor:pointer;transition:background .3s ease}.getStartButton:hover{background-color:#e0c800}.heroImage{max-width:60%;animation:floating 3s ease-in-out infinite;filter:drop-shadow(0px 10px 20px rgba(0,0,0,.25))}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width: 768px){.heroContainer{padding-top:80px}.heroImage{max-width:360px}.getStartButton{font-size:14px;padding:10px 24px}}@media (max-width: 480px){.heroTitle{margin-bottom:16px}.heroSubtitle{margin-bottom:24px}.heroImage{max-width:100vw;margin-top:20px}}.value-wrapper{min-height:100vh;background:#15202b;padding:50px 5%;text-align:center;overflow-x:hidden}.value-title{font-size:40px;color:#fff;font-family:Inter,sans-serif;margin:0 auto 60px;max-width:500px;text-align:center}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.cardWrapper{background:#283f52;padding:60px 40px;border-radius:16px;width:100%;max-width:350px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.cardWrapper:hover{transform:translateY(-8px);box-shadow:0 10px 20px #0006}.iconWrapper{width:80px;height:80px;margin:0 auto 20px;background:#f8dd00;border-radius:50%;display:flex;align-items:center;justify-content:center}.iconWrapper.learner{background:#f8dd00}.iconWrapper.tutor{background:#f59e0b}.iconWrapper img{width:60%;height:auto}.cardWrapper h2{color:#fff;font-size:24px;margin:12px 0 0}.cardWrapper .card-text{color:#a1c1d8;font-size:16px;line-height:1.6;margin:20px 0 32px;font-weight:400}.value-getStartButton{background:#f8dd00;padding:12px 32px;border-radius:100px;cursor:pointer;display:inline-block}.value-getStartButton.learner{background:#f8dd00}.value-getStartButton.tutor{background:#f59e0b}.value-getStartButtonText{font-size:14px;margin:0;color:#000;font-weight:600}@media (max-width: 768px){.value-title{font-size:32px}.cardWrapper{padding:40px 20px}}@media (max-width: 480px){.value-title{font-size:28px}.cardWrapper h2{font-size:20px}.cardWrapper p{font-size:14px}}.footer-container{background:#15202b;color:#fff;padding:40px 24px;text-align:center;font-family:Quicksand,sans-serif}.footerContainer{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;text-align:left;flex-direction:column}.footerContainer-texts{margin-bottom:50px}.footer-header{font-size:28px;color:#fff;font-family:Inter,sans-serif;font-weight:600;max-width:100%}.footer-text{font-size:16px;color:#a1c1d8;font-family:Inter,sans-serif;margin-top:20px;margin-bottom:32px;max-width:100%}.footer-getStartButton{background:#f8dd00;padding:12px 32px;border-radius:100px;cursor:pointer;display:inline-block;text-align:left;max-width:fit-content}.footer-getStartButtonText{font-size:14px;margin:0;color:#000;font-family:Inter,sans-serif;font-weight:500}.footer-image{width:100%;max-width:538px;height:auto}.footer-contact-container{padding:40px 24px;background-color:#2b4961;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-logo-container{display:flex;align-items:center}.footer-logo{width:33px;height:24px}.footerLogoText{color:#fff;margin-left:8px;font-size:18px;font-weight:500}.social-links a{color:#6fa0c1;margin:0 10px;font-size:24px;transition:transform .3s ease,color .3s ease}.social-links a:hover{color:#f8dd00;transform:scale(1.2)}.copyright-container{display:flex;flex-direction:column;align-items:center;gap:8px}.copyright-text{color:#a1c1d8;font-size:14px;font-family:Inter,sans-serif}@media screen and (min-width: 768px){.footerContainer{flex-direction:row}.footer-contact-container{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:64px 80px}.copyright-container{flex-direction:row}.footer-header{font-size:32px;max-width:400px}.footer-text{max-width:400px}}@media screen and (min-width: 1024px){.footer-container{padding:40px 112px}.footer-contact-container{padding:64px 112px}}.screenshort-container{background:#15202b;display:flex;justify-content:center;align-items:center;padding:50px;position:relative}.screenshort-phone{width:100%;height:auto}@media (max-width: 768px){.screenshort-container{flex-direction:column;max-width:100vw;overflow-x:hidden;padding:20px}}@media (max-width: 480px){.screenshort-container{flex-direction:column;max-width:100vw;overflow-x:hidden;padding:20px}}