body{font-family:var(--body-font);font-size:clamp(var(--normal-font-size), 1rem + .3vw, 1.1rem);background-color:var(--body-color);padding:75px 0 0;line-height:1.6;overflow-x:hidden}.breadcrumbs-bg{text-align:center;color:#fff;background-position:50%;background-size:cover;padding:80px 20px;position:relative}.breadcrumbs-bg .overlay{background:#0d1b2a99;position:absolute;inset:0}.breadcrumbs-bg .container{z-index:1;position:relative}.page-title{margin-bottom:15px;font-size:42px;font-weight:800}.breadcrumbs-nav{font-size:16px}.breadcrumbs-nav a{color:#fff;font-weight:500;text-decoration:none}.breadcrumbs-nav .current{color:#facc15;font-weight:600}.intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.school-logo{max-width:300px;height:auto;margin:0 auto 20px;display:block}.intro-text{color:#374151;max-width:800px;margin:0 auto;font-size:16px}.method{padding:0 20px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{color:#1e3a8a;text-align:center;margin-bottom:40px;font-size:28px;font-weight:700}.section-text{color:#374151;text-align:center;margin-bottom:30px;font-size:16px;line-height:1.8}.method-grid{grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:30px;display:grid}.method-item{text-align:center}.method-title{color:#2563eb;margin-bottom:15px;font-size:22px;font-weight:600}.method-img{border-radius:12px;width:100%;height:auto;margin-bottom:15px;display:block;box-shadow:0 6px 16px #0000001a}.method-text{color:#374151;font-size:16px;line-height:1.6}.icon-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-bottom:30px;display:grid}.icon-box{text-align:center;background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 6px 16px #0000000d}.icon-box:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.icon{color:#2563eb;margin-bottom:10px;font-size:32px}.icon-box h3{color:#1e3a8a;font-size:16px;font-weight:600}@media (width<=1024px){.container{padding:0}.page-title{font-size:36px}.section-title{font-size:26px}.method-grid{gap:25px}.icon-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px}}@media (width<=768px){.breadcrumbs-bg{padding:60px 20px}.page-title{font-size:32px}.breadcrumbs-nav{font-size:14px}.intro{padding:40px 20px}.school-logo{max-width:220px}.intro-text{font-size:15px}.method{padding:40px 20px}.section-title{margin-bottom:30px;font-size:24px}.section-text{font-size:15px}.method-grid{grid-template-columns:1fr;gap:30px}.method-title{font-size:20px}.method-text{font-size:15px}.icon-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px}.icon{font-size:28px}.icon-box{padding:18px}.icon-box h3{font-size:15px}}@media (width<=480px){.breadcrumbs-bg{padding:50px 15px}.page-title{font-size:28px}.breadcrumbs-nav{font-size:13px}.intro{padding:30px 15px}.school-logo{max-width:180px}.method{padding:30px 15px}.section-title{margin-bottom:25px;font-size:22px}.method-title{font-size:18px}.method-text{font-size:14px}.icon-grid{grid-template-columns:repeat(2,1fr);gap:12px}.icon{font-size:24px}.icon-box{padding:15px}.icon-box h3{font-size:14px}}