.premium-demo-banner{background:var(--trinity-primary,#007aff);color:#fff;padding:10px 20px;font-size:12px;font-weight:400;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);flex-shrink:0;letter-spacing:.3px}.menu-backdrop-premium{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:all .4s cubic-bezier(.4, 0, .2, 1)}.menu-backdrop-premium.open{opacity:1}.menu-panel-premium{background:rgba(255,255,255,.98);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:.5px solid rgba(255,255,255,.8);border-radius:20px;width:min(85vw,900px);height:100vh;overflow:hidden;transform:scale(.9);transition:transform .4s cubic-bezier(.4, 0, .2, 1);box-shadow:0 32px 64px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.08);display:flex;flex-direction:column}.menu-backdrop-premium.open .menu-panel-premium{transform:scale(1)}.menu-header-premium{background:var(--trinity-primary,#007aff);color:#fff;padding:12px 20px;display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative}.menu-header-premium h2{margin:0;font-size:16px;font-weight:400;letter-spacing:-.02em;color:#fff}.current-course-name{margin:4px 0 0 0;font-size:14px;font-weight:400;color:#fff;text-transform:capitalize}.premium-badge{position:absolute;top:50%;right:60px;transform:translateY(-50%);background:linear-gradient(135deg,#f59e0b,#dc2626);color:#fff;padding:3px 8px;border-radius:8px;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.menu-close-premium{position:absolute;top:50%;right:20px;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--trinity-primary);border:none;color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.menu-close-premium:hover{background:var(--trinity-primary);transform:translateY(-50%) scale(1.5)}.slider-container-premium{position:relative;flex:1;margin:0;overflow:hidden}.slider-wrapper-premium{position:relative;width:100%;height:100%}.slide-premium{position:absolute;top:0;left:0;width:100%;height:100%;padding:16px 24px 24px 24px;opacity:0;visibility:hidden;transition:opacity .6s cubic-bezier(.4, 0, .2, 1),visibility .6s cubic-bezier(.4, 0, .2, 1);transform:translateZ(0);-webkit-font-smoothing:antialiased}.slide-premium.active{opacity:1;visibility:visible}.section-header-premium{display:none}.menu-items-container-premium{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:100%;overflow:visible;padding-right:8px}.menu-item-premium{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:10px;transition:all .3s cubic-bezier(.4, 0, .2, 1);height:fit-content}.menu-item-premium:hover{background:rgba(255,255,255,.95);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border:1px solid rgba(0,122,255,.2)}.menu-item-layout-premium{display:flex;flex-direction:column;gap:4px}.menu-item-content-premium{flex:1}.menu-item-name-premium{font-size:14px;font-weight:400;color:#111827;margin-bottom:2px}.menu-item-description-premium{color:#374151;line-height:1.2;font-size:11px}.menu-item-price-premium{color:var(--trinity-primary,#007aff);font-weight:400;font-size:15px;text-align:right;margin-top:2px}.nav-btn-premium{position:absolute;top:50%;transform:translateY(-50%);background:0 0;border:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;color:var(--trinity-primary,#007aff);font-size:40px;font-weight:300;pointer-events:auto}.nav-btn-premium:hover{color:var(--trinity-primary,#007aff);transform:translateY(-50%) scale(1.5)}.nav-btn-premium.prev{left:-15px}.nav-btn-premium.next{right:-15px}.menu-items-container-premium::-webkit-scrollbar{width:6px}.menu-items-container-premium::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.menu-items-container-premium::-webkit-scrollbar-thumb{background:var(--trinity-primary);border-radius:3px}.menu-items-container-premium{scrollbar-width:thin;scrollbar-color:var(--trinity-primary) rgba(255,255,255,0.1)}.menu-footer-premium{background:rgba(248,250,252,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 20px;border-top:1px solid rgba(0,0,0,.05);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;flex-shrink:0}.menu-btn-premium{padding:10px 20px;border-radius:8px;font-weight:400;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-size:13px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.menu-btn-premium{background:var(--trinity-primary);color:#fff;border:2px solid var(--trinity-primary)}.menu-btn-premium:hover{background:#fff;color:var(--trinity-primary);border:2px solid var(--trinity-primary);transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--trinity-primary-rgb),.3)}.gold-lock-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.gold-lock{font-size:48px;background:linear-gradient(135deg,#f59e0b,#dc2626,#f59e0b);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(245, 158, 11, .3))}.gold-lock.unlocking{animation:unlockSequence 1.5s ease-out forwards}@keyframes goldShimmer{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes unlockSequence{0%{transform:rotate(0) scale(1);opacity:1}25%{transform:rotate(-10deg) scale(1.1);opacity:.9}50%{transform:rotate(10deg) scale(1.2);opacity:.7}75%{transform:rotate(0) scale(1.3);opacity:.4}100%{transform:rotate(360deg) scale(2);opacity:0}}.unlock-text{position:absolute;top:70px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#f59e0b,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:400;font-size:14px;opacity:0;animation:textFadeIn 1s ease-out .5s forwards}@keyframes textFadeIn{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.menu-backdrop-premium{background:rgba(0,0,0,.15);backdrop-filter:none;-webkit-backdrop-filter:none}.menu-panel-premium{position:fixed!important;top:90px!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:calc(100vh - 90px)!important;max-height:none!important;border-radius:16px 16px 0 0!important;margin:0!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.menu-items-container-premium{grid-template-columns:1fr;overflow-y:scroll;max-height:calc(100vh - 280px);padding-right:8px;gap:20px}.menu-item-premium{padding:16px;min-height:auto}.menu-item-layout-premium{flex-direction:column;gap:12px}.menu-item-name-premium{font-size:16px!important}.menu-item-description-premium{font-size:14px!important;line-height:1.4!important}.menu-item-price-premium{margin-left:0;align-self:flex-end;font-size:18px;margin-top:8px}.menu-footer-premium{flex-direction:column;align-items:center;padding:20px;gap:12px}.menu-btn-premium{width:100%;max-width:280px;text-align:center;padding:16px 24px;min-height:44px;font-size:16px}.nav-btn-premium{width:50px;height:50px;font-size:44px}.nav-btn-premium.prev{left:-10px}.nav-btn-premium.next{right:-10px}}@media (min-width:769px) and (max-width:1024px) and (orientation:portrait){.menu-backdrop-premium{background:rgba(0,0,0,.15);backdrop-filter:none;-webkit-backdrop-filter:none}.menu-panel-premium{position:fixed!important;top:90px!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:calc(100vh - 90px)!important;border-radius:16px 16px 0 0!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}@media (max-width:1024px) and (orientation:landscape){.menu-items-container-premium{grid-template-columns:1fr 1fr!important;overflow-y:scroll!important;max-height:calc(100vh - 180px)!important}}