.loginCard{max-width:480px;margin:0 auto 3rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2.5rem;text-align:center}.loginCard h2{font-size:1.5rem;margin-bottom:.75rem}.loginCard>p{color:#fff9;font-size:.95rem;margin-bottom:1.5rem}.loginForm{display:flex;gap:.75rem;margin-bottom:1rem}.loginForm input{flex:1;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:1rem}.loginForm input::placeholder{color:#fff6}.loginMessage{font-size:.9rem;min-height:1.5rem}.loginMessage.success{color:#22c55e}.loginMessage.error{color:#ef4444}.loginNote{font-size:.8rem;color:#fff6;margin-top:1rem}.userBar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:2rem}.userInfo{display:flex;align-items:center;gap:.75rem}.userEmail{color:#ffffffb3;font-size:.9rem}.userBadge{background:#22c55e;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:20px;text-transform:uppercase}.subBanner{background:linear-gradient(135deg,#f973161f,#f973160a);border:1px solid rgba(249,115,22,.2);border-radius:16px;padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap}.subBannerText h3{font-size:1.25rem;margin-bottom:.35rem}.subBannerText p{color:#fff9;font-size:.9rem;margin:0}.subBannerPlans{display:flex;gap:1rem}.planBtn{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1rem 1.5rem;color:#fff;cursor:pointer;text-align:center;transition:all .2s;display:flex;flex-direction:column;gap:.25rem;min-width:140px}.planBtn:hover{border-color:#f97316;background:#f9731614}.planBtnFeatured{border-color:#f97316;background:#f9731614;position:relative}.planPrice{font-size:1.25rem;font-weight:700}.planPeriod{font-size:.8rem;color:#ffffff80}.planSave{font-size:.65rem;background:#22c55e;color:#fff;padding:.15rem .5rem;border-radius:10px;font-weight:600;align-self:center}.categoryFilters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.categoryFilters .filterBtn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:.5rem 1rem;border-radius:100px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.categoryFilters .filterBtn:hover{border-color:#f97316;color:#f97316}.categoryFilters .filterBtn.active{background:#c2410c;border-color:#c2410c;color:#fff}.videoGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.videoCard{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.videoCard:hover{border-color:#f9731666;transform:translateY(-3px)}.videoCard.locked{opacity:.85}.videoThumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a1a,#2d1f14,#1a1a1a);overflow:hidden}.videoThumb img{width:100%;height:100%;object-fit:cover;display:block}.videoThumb img[src=""]{display:none}.videoPlayIcon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .2s;pointer-events:none}.videoCard:hover .videoPlayIcon{opacity:1}.videoPlayIcon svg{width:56px;height:56px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.videoPlayIcon svg path{fill:#ffffffe6}.videoLock{position:absolute;top:8px;right:8px;background:#000000b3;color:#f97316;font-size:.7rem;font-weight:600;padding:.3rem .6rem;border-radius:6px}.videoFree{position:absolute;top:8px;left:8px;background:#22c55e;color:#fff;font-size:.65rem;font-weight:700;padding:.25rem .5rem;border-radius:6px;text-transform:uppercase}.videoDuration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;font-size:.75rem;padding:.2rem .5rem;border-radius:4px}.videoInfo{padding:1rem 1.25rem}.videoCat{font-size:.7rem;color:#f97316;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem}.videoInfo h3{font-size:1rem;margin-bottom:.35rem;line-height:1.3}.videoInfo p{font-size:.85rem;color:#ffffff80;margin:0;line-height:1.4}.videoPrice{display:inline-block;margin-top:.5rem;font-size:.85rem;font-weight:700;color:#f97316}.videoPlayer{position:fixed;inset:0;z-index:1000;background:#000000f2;display:flex;align-items:center;justify-content:center}.playerClose{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:1001;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.playerContent{max-width:900px;width:100%;padding:0 1rem}.playerContent video{width:100%;border-radius:8px;background:#000}.playerInfo{padding:1rem 0}.playerInfo h2{font-size:1.25rem;margin-bottom:.5rem}.playerInfo p{color:#fff9;font-size:.9rem}.paymentModal{display:none;position:fixed;inset:0;z-index:1100;background:#000c;align-items:center;justify-content:center;padding:1rem}.paymentModal.open{display:flex}.paymentModalContent{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;max-width:480px;width:100%;position:relative}.paymentModalClose{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.paymentModalClose:hover{color:#fff}.paymentModalHeader{margin-bottom:1.5rem}.paymentModalHeader h3{font-size:1.15rem;margin-bottom:.25rem}.paymentModalPrice{font-size:1.5rem;font-weight:700;color:#f97316}.paymentModalInfo{margin-bottom:1rem}.paymentModalInfo p{color:#fff9;font-size:.9rem;margin:0}.paymentTabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.paymentTab{flex:1;background:none;border:none;color:#ffffff80;padding:.75rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-family:inherit}.paymentTab:hover{color:#fffc}.paymentTab.active{color:#f97316;border-bottom-color:#f97316}.paymentPanel{display:none}.paymentPanel.active{display:block}#payment-element{margin-bottom:1rem;min-height:100px}#payment-message{color:#ef4444;font-size:.85rem;min-height:1.25rem;margin-bottom:.75rem}.btn--full{width:100%}.bankPaymentNote{color:#ffffffb3;font-size:.9rem;margin-bottom:1rem;text-align:center}.qrCode{text-align:center;margin-bottom:1.25rem}.qrCode img{display:inline-block;border-radius:8px;background:#fff;padding:8px}.bankDetails{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem}.bankDetails p{margin:.3rem 0;font-size:.85rem;color:#ffffffb3}.bankDetails strong{color:#ffffffe6}.bankPaymentInfo{font-size:.8rem;color:#fff6;text-align:center}.loadingState{text-align:center;padding:3rem;color:#ffffff80}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#f97316;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.loginForm{flex-direction:column}.subBanner{flex-direction:column;text-align:center}.subBannerPlans{flex-direction:column;width:100%}.planBtn{min-width:auto}.videoGrid{grid-template-columns:1fr}.userBar{flex-direction:column;gap:.75rem;text-align:center}.paymentModalContent{padding:1.5rem}}