:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#141925;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f6f7fb;--surface:#fff;--surface-strong:#edf2fb;--text:#141925;--muted:#687184;--line:#d8deea;--brand-blue:#234892;--brand-blue-strong:#18346e;--brand-blue-soft:#e7eefc;--brand-orange:#f15a1a;--brand-orange-soft:#ffeadf;--brand-ink:#10234d;--accent:var(--brand-orange);--teal:var(--brand-blue);--teal-soft:var(--brand-blue-soft);--amber:#d35400;--amber-soft:var(--brand-orange-soft);--danger:#b42318;--danger-soft:#fee4df;--focus-ring:color-mix(in srgb, var(--brand-orange) 46%, transparent);--shadow:0 18px 45px #1a305c1a;--shadow-soft:0 10px 28px #1a305c14;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1321;--surface:#131b2d;--surface-strong:#1c2740;--text:#f6f8fc;--muted:#aeb8cc;--line:#2a3854;--brand-blue:#82a9ff;--brand-blue-strong:#a7c1ff;--brand-blue-soft:#192b50;--brand-orange:#ff7a2f;--brand-orange-soft:#3d2215;--brand-ink:#f6f8fc;--accent:var(--brand-orange);--teal:var(--brand-blue);--teal-soft:var(--brand-blue-soft);--amber:#ffad66;--amber-soft:var(--brand-orange-soft);--danger:#ff8a7c;--danger-soft:#3d1d1a;--focus-ring:color-mix(in srgb, var(--brand-orange) 54%, transparent);--shadow:0 18px 45px #00000047;--shadow-soft:0 10px 30px #00000038}*{box-sizing:border-box}body{background:linear-gradient(180deg, color-mix(in srgb, var(--brand-blue-soft) 58%, transparent) 0, transparent 360px), var(--bg);min-width:320px;min-height:100dvh;color:var(--text);margin:0;line-height:1.5;overflow-x:hidden}#root{min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer;background:0 0;border:none;outline:none}button,a,input,select,textarea{touch-action:manipulation}:where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}::selection{background:color-mix(in srgb, var(--brand-orange) 24%, transparent)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.56}a{color:inherit;text-decoration:none}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand>div:not(.brand-mark){min-width:0}.brand strong{overflow-wrap:anywhere;line-height:1.2;display:block}.brand span{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.4;display:block}.brand-logo{object-fit:contain;flex:none;width:auto;height:40px}.brand-mark{background:linear-gradient(135deg, var(--brand-blue) 0 56%, transparent 56%), linear-gradient(90deg, var(--brand-blue) 0 52%, var(--brand-orange) 52% 100%);color:#fff;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff38}.icon-button{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--muted);box-shadow:var(--shadow-soft);border-radius:8px;place-items:center;transition:border-color .16s,color .16s;display:grid}.icon-button:hover{border-color:var(--brand-orange);color:var(--text)}.primary-action,.secondary-action{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:14px;font-weight:850;transition:transform .16s,border-color .16s,box-shadow .16s,background-color .16s;display:inline-flex}.primary-action{background:linear-gradient(135deg, var(--brand-blue), color-mix(in srgb, var(--brand-blue) 78%, var(--brand-orange)));color:#fff;box-shadow:0 10px 22px color-mix(in srgb, var(--brand-blue) 20%, transparent)}.primary-action:not(:disabled):hover,.secondary-action:not(:disabled):hover{transform:translateY(-1px)}.primary-action.full,.secondary-action.full{width:100%}.secondary-action{border-color:var(--line);background:var(--surface-strong);color:var(--text)}.learning-hero,.player-panel,.admin-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px}.learning-hero,.admin-panel{position:relative}.learning-hero:before,.admin-panel:before{content:"";background:linear-gradient(90deg, var(--brand-blue), var(--brand-orange));opacity:.92;border-radius:8px 8px 0 0;width:100%;height:3px;position:absolute;inset:0 auto auto 0}.admin-panel{padding:16px}.panel-title{color:var(--brand-ink);align-items:center;gap:8px;margin-bottom:14px;display:flex}.panel-title h2{text-transform:uppercase;margin:0;font-size:16px;font-weight:900}.learning-hero{justify-content:space-between;gap:18px;padding:22px;display:flex;overflow:hidden}.learning-hero>div:first-child{min-width:0}.meta-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.meta-row>span{background:var(--surface-strong);min-height:34px;color:var(--muted);border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.progress-ring{background:conic-gradient(var(--brand-orange) var(--progress), var(--surface-strong) 0deg);width:104px;height:104px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-orange) 20%, transparent);border-radius:999px;flex:none;place-items:center;display:grid}.progress-ring>div{background:var(--surface);text-align:center;border-radius:999px;place-items:center;width:76px;height:76px;display:grid}.progress-ring strong{font-size:20px;line-height:1;display:block}.progress-ring span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.player-panel{overflow:hidden}.video-stage{aspect-ratio:16/9;background:linear-gradient(135deg, color-mix(in srgb, var(--brand-blue) 54%, transparent), color-mix(in srgb, var(--brand-orange) 34%, transparent)), radial-gradient(circle at 75% 25%, #fff3, transparent 28%), #0d1321;color:#fff;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.video-stage.locked{filter:saturate(.4)}.video-stage iframe{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.iframe-interaction-shield{z-index:3;cursor:default;background:0 0;position:absolute;inset:0}.watermark{z-index:4;color:#ffffffc7;text-overflow:ellipsis;white-space:nowrap;background:#0000006b;border-radius:8px;max-width:min(420px,100% - 32px);padding:7px 10px;font-size:12px;font-weight:800;position:absolute;top:16px;right:16px;overflow:hidden}.player-center{z-index:2;text-align:center;place-items:center;gap:10px;width:min(560px,100% - 32px);padding:0 16px;display:grid}.player-center strong{font-size:20px}.player-center span{color:#ffffffbd;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.player-controls{z-index:6;color:#fff;background:linear-gradient(#070a090a,#070a09eb 30%,#070a09f5);align-items:center;gap:10px;padding:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.player-controls .primary-action,.player-controls .secondary-action{white-space:nowrap;min-height:44px}.player-controls .secondary-action{color:#fff;background:#ffffff1f;border-color:#ffffff42}.icon-only-action{width:44px;height:44px;padding:0}.volume-control{align-items:center;gap:8px;min-width:154px;display:flex}.volume-control input[type=range]{height:6px;accent-color:var(--brand-orange);cursor:pointer;flex:1}.volume-control span{text-align:right;color:#fff;min-width:34px;font-size:12px;font-weight:800}.admin-panel label{color:var(--muted);text-transform:uppercase;gap:6px;margin-top:10px;font-size:12px;font-weight:850;display:grid}.admin-panel input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:8px;outline:none;padding:9px 10px}.admin-form{gap:2px;display:grid}.inline-warning{border:1px solid color-mix(in srgb, var(--danger) 36%, transparent);background:var(--danger-soft);color:var(--danger);border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:13px;font-weight:850;line-height:1.4}.compact-warning{background:0 0;border:none;margin-top:6px;margin-bottom:6px;padding:0}.webinar-shell{min-height:100dvh;padding:20px clamp(14px,3vw,32px) 32px}.webinar-topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:0 auto 20px;display:flex}.webinar-grid{grid-template-columns:1fr;gap:18px;max-width:960px;margin:0 auto;display:grid}.webinar-main{align-content:start;gap:18px;min-width:0;display:grid}.webinar-desc{color:var(--muted);max-width:800px;margin:12px 0 0;font-size:15px;line-height:1.5}.webinar-note{background:var(--brand-orange-soft);color:var(--brand-orange);border:1px solid color-mix(in srgb, var(--brand-orange) 24%, transparent);border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;font-size:13.5px;font-weight:700;display:flex}.player-join-card{-webkit-backdrop-filter:blur(12px);text-align:center;background:#131b2dd9;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;width:90%;max-width:480px;padding:32px 24px;animation:.3s ease-out fadeIn;display:flex;box-shadow:0 20px 40px #00000059}.player-join-card h2{color:#fff;margin:0 0 16px;font-size:20px;font-weight:850}.join-icon{color:var(--brand-orange);margin-bottom:8px}.join-inner-form{flex-direction:column;gap:12px;width:100%;display:flex}.join-inner-form input{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;outline:none;width:100%;min-height:46px;padding:10px 14px;font-size:14px;transition:border-color .16s,background-color .16s}.join-inner-form input:focus{border-color:var(--brand-orange);background:#ffffff1f}.join-inner-form .primary-action{width:100%}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.webinar-compact-header{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;padding:12px 18px;animation:.3s ease-out fadeIn;display:flex}.webinar-compact-header h2{color:var(--brand-ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:850;overflow:hidden}.compact-meta{flex-shrink:0;align-items:center;gap:12px;display:flex}.compact-meta span{color:var(--muted);background:var(--surface-strong);white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:700}@media (width<=600px){.webinar-compact-header{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 14px}.webinar-compact-header h2{white-space:normal;font-size:14px}}.webinar-hero h1{color:var(--brand-ink);margin:0;font-size:clamp(32px,5vw,56px);line-height:.98}.webinar-video-stage{box-shadow:var(--shadow);border-radius:8px}.webinar-player-controls{flex-wrap:wrap}.webinar-attendance-chip{color:#fff;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff42;border-radius:8px;align-items:center;gap:7px;min-height:44px;padding:0 12px;font-size:13px;font-weight:850;display:inline-flex}.webinar-course-cta{border:1px solid color-mix(in srgb, var(--brand-orange) 30%, var(--line));background:linear-gradient(135deg, var(--brand-orange-soft), var(--surface));box-shadow:var(--shadow-soft);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.webinar-course-cta strong{color:var(--brand-ink);display:block}.webinar-course-cta p{color:var(--muted);margin:3px 0 0;font-size:13px}.webinar-rule-horizontal{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px;padding:20px;position:relative}.webinar-rule-horizontal:before{content:"";background:linear-gradient(90deg, var(--brand-blue), var(--brand-orange));opacity:.92;border-radius:8px 8px 0 0;width:100%;height:3px;position:absolute;inset:0 auto auto 0}.webinar-rule-horizontal .panel-title{color:var(--brand-ink);align-items:center;gap:8px;margin-bottom:14px;display:flex}.webinar-rule-horizontal .panel-title h2{text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:15px;font-weight:900}.webinar-rule-horizontal ul{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:0;padding-left:0;list-style:none;display:grid}.webinar-rule-horizontal li{color:var(--muted);padding-left:20px;font-size:13.5px;line-height:1.5;position:relative}.webinar-rule-horizontal li:before{content:"•";color:var(--brand-orange);font-size:20px;line-height:1;position:absolute;top:-2px;left:0}@media (width<=1180px){.webinar-grid{grid-template-columns:1fr}.webinar-side{order:1}}@media (width<=760px){.webinar-shell{padding:14px 12px 20px}.webinar-topbar{margin-bottom:14px}.webinar-hero h1{font-size:32px}.webinar-course-cta{text-align:center;grid-template-columns:1fr}.webinar-course-cta .primary-action{width:100%}.video-stage{min-height:240px}.player-center strong{font-size:16px}.player-controls{flex-wrap:wrap;padding:10px}.volume-control{flex:100%;margin-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.webinar-offers{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:10px;margin-bottom:20px;display:grid}.offer-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px;flex-direction:column;justify-content:space-between;min-height:180px;padding:20px;display:flex;position:relative;overflow:hidden}.offer-card:before{content:"";background:var(--brand-orange);width:4px;height:100%;position:absolute;top:0;left:0}.offer-card:nth-child(2):before{background:var(--brand-blue)}.offer-card:nth-child(3):before{background:var(--brand-orange)}.offer-card h3{color:var(--brand-ink);margin:0 0 8px;font-size:15px;font-weight:850}.offer-card p{color:var(--muted);flex:1;margin:0 0 16px;font-size:13px;line-height:1.45}.offer-card .primary-action{text-align:center;width:100%;margin-top:auto}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.pulse-animation{animation:2s ease-in-out infinite pulse}