:root{--etp-blue:#082e66;--etp-blue2:#0b4ba6;--etp-gold:#e0b343;--etp-ink:#132b46;--etp-bg:#f5f8fc;--etp-line:#dce6f0}
.meca-etp-app{font-family:Arial,Helvetica,sans-serif;color:var(--etp-ink);background:#fff}.meca-etp-app *{box-sizing:border-box}
.etp-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:560px;background:linear-gradient(135deg,#07316f,#0b58bd);color:#fff;overflow:hidden}.etp-hero-copy{padding:70px max(5vw,40px);display:flex;flex-direction:column;justify-content:center}
.etp-eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--etp-gold)}.etp-hero h1{font-size:70px;line-height:.95;margin:10px 0 6px}.etp-hero h2{font-size:30px;margin:0 0 20px}.etp-hero p{font-size:18px;line-height:1.65}
.etp-hero-media{background:#0a3877 center/cover no-repeat;min-height:560px}.etp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.etp-primary,.etp-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:14px 24px;font-weight:800;border:none;cursor:pointer}.etp-primary{background:#1679ec;color:#fff}.etp-secondary{background:#fff;color:#0b4ba6}
.etp-posts-section,.etp-success,.etp-media-section{padding:70px max(5vw,30px);background:var(--etp-bg)}.etp-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;max-width:1250px;margin:0 auto 26px}.etp-section-head h2{font-size:40px;margin:8px 0}.etp-section-head p{color:#60758a}
.etp-slider-buttons{display:flex;gap:10px}.etp-slider-buttons button{width:48px;height:48px;border-radius:50%;border:1px solid #cfddec;background:#fff;font-size:30px;cursor:pointer}
.etp-post-slider,.etp-teacher-slider,.etp-media-slider{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:1250px;margin:auto}.etp-post-slider::-webkit-scrollbar,.etp-teacher-slider::-webkit-scrollbar,.etp-media-slider::-webkit-scrollbar{display:none}
.etp-post-card{flex:0 0 calc(33.333% - 15px);min-width:300px;background:#fff;border-radius:16px;overflow:hidden;scroll-snap-align:start;box-shadow:0 10px 28px rgba(25,62,101,.08)}.etp-post-card a{text-decoration:none;color:inherit}
.etp-post-image{height:235px;background:#dbe6f0}.etp-post-image img{width:100%;height:100%;object-fit:cover}.etp-post-body{padding:22px}.etp-post-body span{font-size:11px;font-weight:800;color:#0b67d7}.etp-post-body h3{font-size:23px;line-height:1.25;margin:8px 0}.etp-post-body p{color:#60758a;line-height:1.55}
.etp-head-teacher{display:grid;grid-template-columns:.9fr 1.1fr;max-width:1200px;margin:80px auto;padding:0 30px;gap:44px;align-items:center}.etp-head-photo{min-height:430px;border-radius:24px;background:#e8eef5 center/cover no-repeat}.etp-head-teacher h2{font-size:44px;margin:8px 0}.etp-head-teacher h3{color:#0b67d7}.etp-head-teacher p{font-size:18px;line-height:1.7;color:#5c7185}
.etp-success{background:#082e66;color:#fff}.etp-success .etp-section-head p{color:#d6e4f5}.etp-teacher-card{flex:0 0 290px;background:#fff;color:var(--etp-ink);border-radius:16px;padding:18px;scroll-snap-align:start}.etp-teacher-photo{height:250px;border-radius:12px;background:#e7edf4 center/cover no-repeat}.etp-teacher-card h3{font-size:21px;margin:16px 0 8px}.etp-teacher-card p{margin:5px 0;color:#60758a}.etp-teacher-card span{display:inline-block;margin-top:10px;background:#eaf3ff;color:#0b5cc5;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}
.etp-register-wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1250px;margin:0 auto;padding:80px 30px}.etp-register-card{background:#fff;border:1px solid var(--etp-line);border-radius:20px;padding:30px;box-shadow:0 10px 34px rgba(20,55,90,.07)}.etp-register-card h2{font-size:32px}.etp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.etp-register-card label,.etp-sign-card label{display:block;font-weight:700;margin:0 0 14px}.etp-register-card input,.etp-register-card select,.etp-register-card textarea,.etp-sign-card input{width:100%;padding:13px;border:1px solid #cad8e7;border-radius:10px;margin-top:7px;font:inherit}.etp-note{font-size:13px;color:#718397}
.etp-success-msg{padding:12px 14px;background:#eaf8ef;border:1px solid #bde4c9;color:#23643a;border-radius:10px;margin-bottom:16px}.etp-price-box,.etp-pay-box{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:15px;background:linear-gradient(135deg,#072f6b,#0c5fca);color:#fff;margin:16px 0 24px}.etp-price-box small,.etp-pay-box small{font-size:11px;letter-spacing:1.6px;font-weight:800;color:#f4cf69}.etp-price-box strong,.etp-pay-box strong{font-size:34px}.etp-price-box span{font-size:13px;opacity:.9}.etp-accept{padding:14px;border:1px solid #d6e1ed;border-radius:12px;background:#f8fbff;line-height:1.5}.etp-accept input{width:auto!important;margin-right:8px!important}
.etp-media-section{background:#fff}.etp-media-card{flex:0 0 350px;border:1px solid var(--etp-line);border-radius:16px;padding:16px;background:#fff;scroll-snap-align:start;box-shadow:0 8px 24px rgba(18,52,87,.06)}.etp-media-card a{text-decoration:none;color:inherit}.etp-media-card h3{margin:14px 0 4px}.etp-partner-logo{height:210px;display:flex;align-items:center;justify-content:center;background:#f6f9fc;border-radius:12px;padding:20px}.etp-partner-logo img{max-width:100%;max-height:100%;object-fit:contain}.etp-video iframe{width:100%;height:190px;border-radius:12px}.etp-empty{padding:22px;background:rgba(255,255,255,.08);border-radius:14px}.etp-empty-light{background:#f2f6fa}
.etp-sign-page{padding:70px 20px;background:#f4f8fc;min-height:70vh}.etp-sign-card{max-width:850px;margin:auto;background:#fff;border:1px solid var(--etp-line);border-radius:20px;padding:34px}.etp-sign-card h1{font-size:42px}.etp-terms{padding:18px;background:#f7faff;border:1px solid #dbe6f1;border-radius:12px;line-height:1.7;margin-bottom:18px}.etp-check{display:block!important;margin:16px 0}.etp-check input{width:auto!important}
@media(max-width:1000px){.etp-hero{grid-template-columns:1fr}.etp-hero-media{min-height:360px}.etp-post-card{flex-basis:48%}.etp-head-teacher{grid-template-columns:1fr}.etp-register-wrap{grid-template-columns:1fr}}
@media(max-width:650px){.etp-hero h1{font-size:48px}.etp-hero-copy{padding:50px 24px}.etp-post-card{flex-basis:88%;min-width:280px}.etp-form-grid{grid-template-columns:1fr}.etp-media-card{flex-basis:88%}}