.online-tuition-page{color:#17243b;width:100%;overflow:hidden}.ot-container{width:min(1160px,100% - 48px);margin:0 auto}.ot-section-label{color:#1765d1;letter-spacing:2px;margin-bottom:14px;font-size:12px;font-weight:800;display:inline-block}.ot-section-heading{text-align:center;max-width:720px;margin:0 auto 48px}.ot-section-heading h2,.ot-intro-content h2,.ot-requirements-content h2{color:#14233c;letter-spacing:-1.3px;margin:0;font-size:clamp(30px,4vw,43px);font-weight:800;line-height:1.2}.ot-section-heading h2 span,.ot-intro-content h2 span,.ot-requirements-content h2 span{color:#1765d1}.ot-section-heading>p{color:#68758a;max-width:650px;margin:15px auto 0;font-size:15px;line-height:1.8}.ot-hero{background:radial-gradient(circle at 85% 20%,#4184ff33,#0000 30%),linear-gradient(120deg,#101f3b 0%,#142d55 60%,#174b88 100%);align-items:center;min-height:490px;padding:85px 24px;display:flex;position:relative;overflow:hidden}.ot-hero:before,.ot-hero:after{content:"";pointer-events:none;border:1px solid #ffffff1a;border-radius:50%;position:absolute}.ot-hero:before{width:430px;height:430px;top:-180px;right:7%}.ot-hero:after{width:300px;height:300px;bottom:-190px;right:22%}.ot-hero-container{z-index:1;width:min(1160px,100%);margin:0 auto;position:relative}.ot-eyebrow{color:#d8e8ff;letter-spacing:2px;background:#ffffff14;border:1px solid #ffffff40;border-radius:30px;padding:9px 16px;font-size:11px;font-weight:800;display:inline-block}.ot-hero h1{color:#fff;letter-spacing:-2px;max-width:780px;margin:24px 0 18px;font-size:clamp(38px,5.5vw,62px);font-weight:800;line-height:1.12}.ot-hero h1 span{color:#78b4ff;display:block}.ot-hero-container>p{color:#d5e0f0;max-width:660px;margin:0;font-size:16px;line-height:1.85}.ot-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.ot-primary-btn,.ot-secondary-btn{border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 22px;font-size:14px;font-weight:750;text-decoration:none;transition:all .25s;display:inline-flex}.ot-primary-btn{color:#1558ad;background:#fff}.ot-primary-btn:hover{background:#e9f2ff;transform:translateY(-3px)}.ot-secondary-btn{color:#fff;border:1px solid #ffffff59}.ot-secondary-btn:hover{background:#ffffff1a}.ot-hero-note{color:#d6e5fa;align-items:center;gap:9px;margin-top:25px;font-size:13px;display:flex}.ot-intro{background:#fff;padding:95px 0}.ot-intro-grid,.ot-requirements-grid{grid-template-columns:1fr .9fr;align-items:center;gap:75px;display:grid}.ot-intro-content h2,.ot-requirements-content h2{margin-bottom:22px}.ot-intro-content>p,.ot-requirements-content>p{color:#69768a;margin:0 0 15px;font-size:15px;line-height:1.9}.ot-text-link{color:#1765d1;align-items:center;gap:9px;margin-top:17px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.ot-text-link:hover{gap:14px}.ot-intro-visual{background:linear-gradient(145deg,#eaf3ff,#f4f8ff);border-radius:24px;justify-content:center;padding:15px;display:flex}.ot-visual-card{background:#fff;border:1px solid #e2eaf5;border-radius:19px;width:100%;max-width:390px;padding:35px;box-shadow:0 18px 50px #1a396414}.ot-visual-icon,.ot-device-icon{color:#1765d1;background:#e9f2ff;border-radius:19px;place-items:center;width:76px;height:76px;display:grid}.ot-visual-card h3{color:#17243b;margin:23px 0 9px;font-size:24px;font-weight:800}.ot-visual-card>p{color:#718096;margin:0;font-size:14px;line-height:1.7}.ot-visual-divider{background:#e8edf4;height:1px;margin:23px 0}.ot-visual-point{color:#40516a;align-items:center;gap:10px;margin-top:14px;font-size:13px;display:flex}.ot-visual-point svg{color:#15966b;flex-shrink:0}.ot-benefits{background:#f5f8fd;padding:90px 0}.ot-benefits-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.ot-benefit-card{background:#fff;border:1px solid #e7edf5;border-radius:15px;min-height:235px;padding:27px 23px;transition:all .3s}.ot-benefit-card:hover{border-color:#b8d3fa;transform:translateY(-5px);box-shadow:0 15px 35px #1e4b8717}.ot-benefit-icon{color:#1765d1;background:#eaf2ff;border-radius:14px;place-items:center;width:57px;height:57px;display:grid}.ot-benefit-card h3{color:#192941;margin:20px 0 10px;font-size:17px;font-weight:800}.ot-benefit-card p{color:#738096;margin:0;font-size:13px;line-height:1.8}.ot-levels{background:#fff;padding:95px 0}.ot-levels-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.ot-level-card{background:#fff;border:1px solid #e7edf5;border-radius:15px;min-height:235px;padding:27px 23px;transition:all .3s;position:relative;overflow:hidden}.ot-level-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #1e4b8717}.ot-level-range{color:#1765d1;background:#eaf2ff;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-block}.ot-level-green .ot-level-range{color:#148451;background:#e8f8f0}.ot-level-purple .ot-level-range{color:#7550bd;background:#f1ebff}.ot-level-orange .ot-level-range{color:#c56a1b;background:#fff1e5}.ot-level-card h3{color:#192941;margin:20px 0 10px;font-size:18px;font-weight:800}.ot-level-card p{color:#738096;min-height:66px;margin:0 0 17px;font-size:13px;line-height:1.7}.ot-level-card a{color:#1765d1;align-items:center;gap:7px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.ot-requirements{background:#f5f8fd;padding:95px 0}.ot-requirements-content ul{gap:17px;margin:28px 0 0;padding:0;list-style:none;display:grid}.ot-requirements-content li{color:#42516a;align-items:center;gap:12px;font-size:14px;line-height:1.6;display:flex}.ot-requirements-content li svg{color:#15966b;flex-shrink:0}.ot-requirements-visual{background:linear-gradient(145deg,#e4eeff,#f2f6ff);border-radius:24px;justify-content:center;padding:15px;display:flex}.ot-device-card{background:#fff;border:1px solid #e1eaf7;border-radius:19px;width:100%;max-width:390px;padding:38px 30px;box-shadow:0 18px 50px #1a396414}.ot-device-card h3{color:#17243b;margin:24px 0 10px;font-size:23px;font-weight:800}.ot-device-card>p{color:#718096;margin:0;font-size:14px;line-height:1.8}.ot-device-icons{color:#1765d1;border-top:1px solid #e8edf4;gap:17px;margin-top:27px;padding-top:22px;display:flex}.ot-process{background:#fff;padding:95px 0}.ot-process-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.ot-process-card{background:#fff;border:1px solid #e7edf5;border-radius:16px;min-height:245px;padding:30px;position:relative;box-shadow:0 8px 25px #1e3c6409}.ot-process-number{color:#e8eff9;font-size:35px;font-weight:900;position:absolute;top:20px;right:23px}.ot-process-icon{color:#1765d1;background:#eaf2ff;border-radius:15px;place-items:center;width:60px;height:60px;display:grid}.ot-process-card h3{color:#192941;margin:23px 0 10px;font-size:18px;font-weight:800}.ot-process-card p{color:#738096;margin:0;font-size:13px;line-height:1.8}.ot-faq{background:#f5f8fd;padding:90px 0}.ot-faq-list{gap:13px;max-width:850px;margin:0 auto;display:grid}.ot-faq-item{background:#fff;border:1px solid #e4eaf2;border-radius:11px;padding:20px 23px}.ot-faq-item summary{color:#1d2b43;cursor:pointer;padding-right:25px;font-size:15px;font-weight:750;line-height:1.6;list-style:none;position:relative}.ot-faq-item summary::-webkit-details-marker{display:none}.ot-faq-item summary:after{content:"+";color:#1765d1;font-size:23px;line-height:1;position:absolute;top:0;right:0}.ot-faq-item[open] summary:after{content:"−"}.ot-faq-item>p{color:#718096;border-top:1px solid #edf0f5;margin:14px 0 0;padding-top:13px;font-size:14px;line-height:1.8}.ot-cta{text-align:center;background:linear-gradient(120deg,#112341,#174b88);padding:85px 24px;position:relative;overflow:hidden}.ot-cta-content{z-index:1;max-width:760px;margin:0 auto;position:relative}.ot-cta-content>span{color:#a9d0ff;letter-spacing:2px;font-size:11px;font-weight:800}.ot-cta-content h2{color:#fff;margin:17px 0 13px;font-size:clamp(30px,4vw,43px);font-weight:800;line-height:1.2}.ot-cta-content>p{color:#d5e0f0;max-width:620px;margin:0 auto;font-size:15px;line-height:1.8}.ot-cta-button{color:#1558ad;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:52px;margin-top:27px;padding:0 25px;font-size:14px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex}.ot-cta-button:hover{background:#e9f2ff;transform:translateY(-3px)}@media (max-width:1024px){.ot-benefits-grid,.ot-levels-grid{grid-template-columns:repeat(2,1fr)}.ot-intro-grid,.ot-requirements-grid{gap:40px}}@media (max-width:700px){.ot-container{width:min(100% - 36px,540px)}.ot-hero{min-height:auto;padding:75px 20px}.ot-hero h1{letter-spacing:-1.4px;font-size:clamp(35px,9vw,46px)}.ot-hero-container>p{font-size:14px}.ot-hero-actions{flex-direction:column;align-items:stretch}.ot-primary-btn,.ot-secondary-btn{width:100%}.ot-intro,.ot-benefits,.ot-levels,.ot-requirements,.ot-process,.ot-faq{padding:70px 0}.ot-intro-grid,.ot-requirements-grid{grid-template-columns:1fr;gap:35px}.ot-section-heading{margin-bottom:34px}.ot-section-heading h2,.ot-intro-content h2,.ot-requirements-content h2{font-size:31px}.ot-benefits-grid,.ot-levels-grid{grid-template-columns:1fr;gap:15px}.ot-benefit-card,.ot-level-card,.ot-level-card p{min-height:auto}.ot-process-grid{grid-template-columns:1fr;gap:15px}.ot-process-card{min-height:auto}.ot-visual-card,.ot-device-card{padding:27px 23px}.ot-cta{padding:70px 20px}}@media (max-width:380px){.ot-hero h1{font-size:33px}.ot-section-heading h2,.ot-intro-content h2,.ot-requirements-content h2{font-size:28px}}