*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--purple:#534ab7;--purple-dark:#3c3489;--purple-light:#eeecfd;--purple-mid:#7f77dd;--blue-active:#4269e2;--teal:#00bcd4;--teal-dark:#0097a7;--teal-light:#e0f7fa;--teal-border:#80deea;--amber:#f5a623;--amber-dark:#e08f00;--amber-light:#fff8e1;--amber-border:#fdd06a;--green:#639922;--green-light:#eaf3de;--green-border:#97c459;--navy:#1d103f;--text:#1a1a1a;--text-mid:#444;--text-soft:#666;--text-muted:#888;--border:#e0ddd7;--bg:#f5f4f0;--card:#fff}*,body{font-family:Poppins,sans-serif!important;font-style:normal!important}body{background:var(--bg);display:flex;flex-direction:column;line-height:1.6;min-height:100vh}.header-LP{background-color:var(--navy);box-shadow:0 2px 12px rgba(0,0,0,.3);padding:.75rem 1.25rem;position:sticky;top:0;z-index:100}.header-inner{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px}.logo-LP{display:block;height:44px}.hero-LP{overflow:hidden;position:relative;width:100%}.hero-LP-banner{display:block;height:40vh;max-height:480px;min-height:220px;object-fit:cover;width:100%}.hero-overlay{align-items:center;background:linear-gradient(135deg,rgba(29,16,63,.88),rgba(29,16,63,.5) 60%,rgba(29,16,63,.15));display:flex;inset:0;padding:1.5rem;position:absolute}.hero-text h1{color:#fff!important;font-size:44px!important;font-weight:600!important;line-height:1.2!important;margin-bottom:15px;max-width:750px;text-shadow:0 2px 16px rgba(0,0,0,.4)}.hero-text h1,.hero-text p{font-family:Poppins,sans-serif!important}.hero-text p{color:hsla(0,0%,100%,.88)!important;font-size:clamp(13px,1.8vw,16px)!important;line-height:1.55;max-width:480px}.page-body{flex:1;margin:0 auto;max-width:1680px;padding:24px 16px 48px;width:100%}.section-label{align-items:center;border-radius:20px;display:inline-flex;font-family:Poppins,sans-serif!important;font-size:11px!important;font-weight:700!important;gap:7px;letter-spacing:.08em;margin-bottom:12px;padding:5px 14px;text-transform:uppercase}.label-catalog{background:#e5e3fd;color:#332a8f!important}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 16px rgba(83,74,183,.07);padding:1.25rem 1rem 1.5rem}.q-label{color:#222!important;font-size:20px!important;font-style:normal!important;font-weight:600!important;line-height:1.3;margin-bottom:6px}.q-label,.q-sub{font-family:Poppins,sans-serif!important}.q-sub{color:var(--text-soft)!important;font-size:16px!important;line-height:1.5;margin-bottom:16px!important}.steps{margin-bottom:1.5rem;overflow:hidden}.s-dot,.steps{align-items:center;display:flex}.s-dot{border-radius:50%;color:#fff!important;flex-shrink:0;font-family:Poppins,sans-serif!important;font-size:12px!important;font-weight:700!important;height:28px;justify-content:center;min-width:28px;transition:all .3s ease;width:28px}.s-dot.active,.s-dot.done{background:var(--blue-active);border:3px solid var(--blue-active)}.s-dot.active{box-shadow:0 0 0 3px rgba(66,105,226,.25)}.s-dot.future{background:#d5d3cc;border:3px solid #d5d3cc}.s-line{background:#d5d3cc;border-radius:1px;flex:1;height:2px;margin:0 4px;min-width:0;transition:background .3s ease}.s-line.done{background:var(--blue-active)}.tiles{display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:20px}.tile{background:#fff;border:1.5px solid var(--border);border-radius:12px;color:var(--text-mid)!important;cursor:pointer;font-family:Poppins,sans-serif!important;font-size:clamp(14px,2vw,17px)!important;font-weight:500!important;line-height:1.45;padding:14px 16px;position:relative;transition:all .18s ease;-webkit-tap-highlight-color:transparent}.tile:before{background:linear-gradient(135deg,#f0effe,#e8e5fd);border-radius:11px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .18s}.tile:hover:before{opacity:1}.tile:hover{border-color:var(--purple-mid);box-shadow:0 4px 12px rgba(83,74,183,.12);color:#332a8f!important;transform:translateY(-1px)}.tile.active{background:var(--purple-light);border-color:var(--purple);box-shadow:0 4px 12px rgba(83,74,183,.15);color:#332a8f!important;font-weight:600!important}.tile span{position:relative;z-index:1}.confirm-tile{align-items:flex-start;animation:fadeUp .2s ease both;background:var(--green-light);border:1.5px solid var(--green-border);border-radius:12px;color:#1a1a1a!important;display:flex;font-family:Poppins,sans-serif!important;font-size:clamp(13px,1.8vw,16px)!important;gap:10px;line-height:1.4;padding:13px 14px}.check-circle{align-items:center;background:var(--green);border-radius:50%;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-top:1px;min-width:22px;width:22px}.check-circle svg{height:12px;width:12px}.showcourse{margin-top:4px;text-align:right}.btn-primary{background:#1bc0d8;border:none;border-radius:35px;box-shadow:0 4px 16px rgba(27,192,216,.35);color:#fff!important;cursor:pointer;font-family:Poppins,sans-serif!important;font-size:clamp(14px,1.8vw,16px)!important;font-weight:700!important;letter-spacing:.01em;padding:14px 28px;transition:all .2s ease;white-space:nowrap}.btn-primary:hover:not(:disabled){background:#0097a7;box-shadow:0 6px 20px rgba(0,151,167,.4);transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.38;transform:none}.back-link{align-items:center;color:var(--text-muted)!important;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif!important;font-size:13px!important;font-weight:500!important;gap:4px;margin-bottom:16px;transition:color .15s;-webkit-tap-highlight-color:transparent}.back-link:hover{color:var(--purple)!important}#course-list{display:flex;flex-direction:column;gap:16px}.course-card-v2{animation:fadeUp .25s ease both;background:#fff;border:1.5px solid var(--border);border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.05);overflow:hidden;transition:all .2s ease;width:100%}.course-card-v2:hover{box-shadow:0 8px 28px rgba(83,74,183,.13);transform:translateY(-3px)}.course-card-v2.recommended{border-color:var(--purple-mid);border-width:2px;box-shadow:0 4px 20px rgba(83,74,183,.14)}.course-video-wrap{aspect-ratio:16/9;background:#111;overflow:hidden;position:relative;width:100%}.course-thumb{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.course-card-v2:hover .course-thumb{transform:scale(1.03)}.video-badge{background:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#111!important;font-family:Poppins,sans-serif!important;font-size:11px!important;font-weight:700!important;padding:4px 10px;position:absolute;right:10px;top:10px}.play-btn{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;transition:opacity .2s}.play-btn:hover{opacity:.85}.course-iframe{border:none;height:100%;inset:0;position:absolute;width:100%}.course-body{padding:16px 18px 18px}.course-title-v2{color:#111!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal;font-weight:600!important;line-height:1.35;margin-bottom:10px;min-height:45px}.course-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.course-tag{background:#fff5d6;border:1px solid #f0d878;border-radius:20px;color:#7a5c00!important;display:inline-flex;font-size:12px!important;font-weight:500!important;gap:4px;padding:3px 10px}.course-meta,.course-tag{align-items:center;font-family:Poppins,sans-serif!important}.course-meta{border-top:1px solid var(--border);color:var(--text-soft)!important;display:flex;flex-wrap:wrap;font-size:13px!important;gap:6px;margin-bottom:14px;padding-top:10px}.meta-stat strong{color:var(--text)!important;font-weight:700!important}.meta-divider{color:#ccc!important}.course-footer{display:flex;justify-content:center}.btn-enroll{background:linear-gradient(135deg,var(--teal) 0,#26c6da 100%);border:none;border-radius:50px;box-shadow:0 4px 16px rgba(0,188,212,.35);color:#fff!important;cursor:pointer;font-family:Poppins,sans-serif!important;font-size:clamp(14px,1.8vw,15px)!important;font-weight:700!important;max-width:260px;padding:12px 40px;transition:all .2s ease;width:100%}.btn-enroll:hover{background:linear-gradient(135deg,var(--teal-dark) 0,var(--teal) 100%);box-shadow:0 6px 20px rgba(0,188,212,.45);transform:translateY(-1px)}.accomplish{background:var(--green-light);border:1px solid var(--green-border);border-radius:12px;color:#2d5a0e!important;font-family:Poppins,sans-serif!important;font-size:clamp(13px,1.6vw,14px)!important;font-style:normal!important;font-weight:500!important;line-height:1.6;margin-top:12px;padding:14px 16px}.selected-course-banner{align-items:center;animation:fadeUp .25s ease both;background:var(--purple-light);border:1.5px solid var(--purple-mid);border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:12px 16px}.selected-course-icon{align-items:center;display:flex;flex-shrink:0}.selected-course-icon .bulbIcon{height:28px;width:28px}.selected-course-title{color:#1a1a1a!important;font-family:Poppins,sans-serif!important;font-size:24px!important;font-style:normal!important;font-weight:600!important;line-height:1.3}.access-cards{gap:0;margin-top:4px}.access-card,.access-cards{display:flex;flex-direction:column}.access-card{animation:fadeUp .3s ease both;background:#fff;border:2px solid var(--border);border-radius:16px;padding:22px 20px 20px;transition:box-shadow .2s ease,transform .2s ease}.access-card:hover{box-shadow:0 10px 32px rgba(0,0,0,.1);transform:translateY(-3px)}.access-card--trial{border-color:var(--teal-border)}.access-card--full{border-color:var(--amber-border)}.access-card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.access-card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-top:2px;width:40px}.access-card-icon--teal{background:var(--teal-light);color:var(--teal-dark)}.access-card-icon--amber{background:var(--amber-light);color:var(--amber-dark)}.access-card-title{align-items:center;color:#111!important;display:flex;flex-wrap:wrap;font-size:18px!important;font-style:normal!important;font-weight:600!important;gap:8px;line-height:1.35;margin-bottom:5px}.access-badge,.access-card-title{font-family:Poppins,sans-serif!important}.access-badge{border-radius:20px;font-size:10px!important;font-weight:700!important;letter-spacing:.04em;padding:2px 10px;text-transform:uppercase}.access-badge--teal{background:var(--teal-light);border:1px solid var(--teal-border);color:var(--teal-dark)!important}.access-badge--amber{background:var(--amber-light);border:1px solid var(--amber-border);color:var(--amber-dark)!important}.access-card-subtitle{color:var(--text-soft)!important;font-family:Poppins,sans-serif!important;font-size:clamp(13px,1.6vw,14px)!important;line-height:1.5}.access-features{display:flex;flex:1;flex-direction:column;gap:10px;list-style:none;margin-bottom:20px}.access-features li{align-items:center;color:var(--text-mid)!important;display:flex;font-family:Poppins,sans-serif!important;font-size:clamp(13px,1.6vw,14px)!important;font-weight:500!important;gap:10px}.feat-check{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;min-width:20px;width:20px}.feat-check--teal{background:var(--teal-dark);color:#fff!important}.feat-check--amber{background:var(--amber);color:#fff!important}.btn-access{border:none;border-radius:50px;cursor:pointer;font-family:Poppins,sans-serif!important;font-size:clamp(14px,1.8vw,15px)!important;font-weight:700!important;letter-spacing:.01em;margin-bottom:10px;padding:15px 24px;transition:all .2s ease;width:100%}.btn-access--teal{background:linear-gradient(135deg,var(--teal) 0,#26c6da 100%);box-shadow:0 4px 16px rgba(0,188,212,.35);color:#fff!important}.btn-access--teal:hover{background:linear-gradient(135deg,var(--teal-dark) 0,var(--teal) 100%);box-shadow:0 6px 20px rgba(0,188,212,.45);transform:translateY(-1px)}.btn-access--amber{background:linear-gradient(135deg,var(--amber) 0,#f7b731 100%);box-shadow:0 4px 16px rgba(245,166,35,.35);color:#fff!important}.btn-access--amber:hover{background:linear-gradient(135deg,var(--amber-dark) 0,var(--amber) 100%);box-shadow:0 6px 20px rgba(245,166,35,.45);transform:translateY(-1px)}.access-footnote{font-family:Poppins,sans-serif!important;font-size:12px!important;font-weight:600!important;text-align:center}.access-footnote--teal{color:var(--teal-dark)!important}.access-footnote--amber{color:var(--amber-dark)!important}.access-or{align-items:center;display:flex;flex-direction:row;flex-shrink:0;justify-content:center;padding:14px 0}.access-or:after,.access-or:before{background:var(--border);content:"";display:block;flex:1;height:1px}.access-or span{color:var(--text-muted)!important;font-family:Poppins,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.08em;padding:0 12px;text-transform:uppercase}.hidden{display:none!important}.fade-in{animation:fadeUp .22s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:600px){.page-body{padding:32px 32px 64px}.card{padding:1.75rem 1.5rem 2rem}.hero-overlay{padding:2rem 2.5rem}.tiles{gap:14px;grid-template-columns:1fr 1fr}.s-dot{font-size:13px!important;height:32px;min-width:32px;width:32px}.showcourse{text-align:right}.btn-enroll,.btn-primary{width:auto}.access-cards{align-items:stretch;flex-direction:row}.access-or{flex-direction:column;padding:0 14px}.access-or:after,.access-or:before{flex:1;height:auto;width:1px}.access-or span{padding:10px 0}}@media (max-width:576px){.hero-text h1{font-family:Poppins,sans-serif!important;font-size:22px!important;line-height:1.25!important}.selected-course-title{font-size:20px!important}.course-title-v2,h3.access-card-title{line-height:22px!important}.q-label{font-size:18px!important;font-weight:500!important}.q-sub{font-size:14px!important}}@media (min-width:900px){.page-body{padding:40px 60px 80px}.card{padding:2rem}.hero-overlay{padding:2.75rem 3rem}.hero-text{padding-left:80px}.s-dot{font-size:14px!important;height:36px;min-width:36px;width:36px}#course-list{align-items:flex-start;flex-direction:row;gap:20px}.course-card-v2{flex-shrink:0;width:calc(33.333% - 14px)}}@media (min-width:1200px){.page-body{padding:100px 200px}.hero-text{padding-left:100px}}