.mgtp-portal{font-family:Arial,sans-serif;position:relative;max-width:1180px;margin:20px auto;padding:16px;color:#172033}
.mgtp-watermark{position:fixed;right:25px;bottom:25px;opacity:.08;font-size:36px;font-weight:800;pointer-events:none;z-index:0}
.mgtp-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:20px;margin:16px 0;box-shadow:0 8px 28px rgba(18,38,63,.08);position:relative;z-index:1}
.mgtp-login-card{max-width:460px;margin:40px auto}
.mgtp-form-grid,.mgtp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.mgtp-form label{display:block;font-weight:700;margin-bottom:10px}
.mgtp-form input,.mgtp-form textarea,.mgtp-form select{width:100%;padding:11px;border:1px solid #cfd7e3;border-radius:10px;margin-top:6px;box-sizing:border-box}
.mgtp-form textarea{min-height:80px}
.mgtp-btn,#wp-submit{background:#0f4c81!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:12px 20px!important;font-weight:700!important;cursor:pointer}
.mgtp-success{background:#e9fff1;border-left:4px solid #159447;padding:12px;border-radius:8px;margin:12px 0}
.mgtp-error{background:#fff0f0;border-left:4px solid #d93025;padding:12px;border-radius:8px;margin:12px 0}
.mgtp-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0f4c81;color:#fff;border-radius:16px;padding:16px 20px}
.mgtp-logout{color:#fff;text-decoration:underline}
.mgtp-grid .mgtp-card span{display:block;color:#697386;font-size:13px}
.mgtp-grid .mgtp-card strong{display:block;font-size:22px;margin-top:8px}
.mgtp-progress{height:14px;background:#e9edf5;border-radius:30px;overflow:hidden}
.mgtp-progress span{display:block;height:100%;background:#0f4c81}
.mgtp-video-card{border:1px solid #dfe6f0;border-radius:14px;padding:16px;margin:14px 0;background:#fbfdff}
.mgtp-video-card.done{background:#effff4}
.mgtp-video-card.locked{opacity:.62}
.mgtp-youtube-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:14px;background:#000}
.mgtp-youtube-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.mgtp-certificate{text-align:center;border:6px double #0f4c81}
@media(max-width:640px){.mgtp-topbar{flex-direction:column;align-items:flex-start}.mgtp-portal{padding:8px}.mgtp-card{padding:14px}}

.mgtp-demo-box{background:#fff8e5;border:1px solid #ffd36b;border-radius:12px;padding:12px;margin:14px 0;line-height:1.7}
.mgtp-demo-box strong{color:#0f4c81}