*{margin:0;padding:0;box-sizing:border-box}
body{min-height:100vh;font-family:Arial,sans-serif;color:white;background:radial-gradient(circle at top,rgba(229,9,20,.25),transparent 40%),linear-gradient(135deg,#000,#120000,#000);padding:22px;overflow-x:hidden;overflow-y:auto;touch-action:auto;-webkit-overflow-scrolling:touch}.category-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:18px;align-items:stretch;margin-bottom:22px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:radial-gradient(circle at top left,rgba(229,9,20,.24),transparent 38%),linear-gradient(135deg,rgba(20,20,20,.88),rgba(8,8,8,.96));box-shadow:0 18px 44px rgba(0,0,0,.32),0 0 22px rgba(229,9,20,.08)}.hero-glow{position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:50%;background:rgba(229,9,20,.22);filter:blur(40px);pointer-events:none}.hero-content,.hero-card{position:relative;z-index:1}.logo-row{display:flex;align-items:center;gap:13px;margin-bottom:18px}.logo-row img{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid rgba(229,9,20,.55);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 13px rgba(229,9,20,.34)}.brand-word,.logo-row strong{display:inline-flex;align-items:baseline;gap:0;font-size:24px;font-weight:650;letter-spacing:.1px;line-height:1;text-shadow:0 0 12px rgba(255,255,255,.08)}.brand-tel{color:#fff}.brand-flix{color:#e50914;text-shadow:0 0 11px rgba(229,9,20,.34)}.category-hero h1{max-width:760px;margin-bottom:10px;font-size:clamp(30px,5vw,46px);line-height:1.05;letter-spacing:-.8px}.hero-desc{max-width:620px;margin-bottom:18px;color:#c8c8c8;line-height:1.6;font-size:14px}.hero-search-wrap{max-width:520px}.search{width:100%;padding:13px 15px;background:rgba(10,10,10,.86);border:1px solid rgba(229,9,20,.25);border-radius:999px;color:white;font-size:15px;outline:none}.search:focus{border-color:rgba(229,9,20,.72);box-shadow:0 0 0 4px rgba(229,9,20,.12)}.hero-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;padding:18px;border:1px solid rgba(229,9,20,.28);border-radius:22px;background:radial-gradient(circle at top left,rgba(229,9,20,.28),transparent 42%),linear-gradient(135deg,rgba(15,15,15,.92),rgba(40,0,4,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 30px rgba(0,0,0,.25)}.hero-card span{color:#ff6b72;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.35px}.hero-card b{margin-top:8px;font-size:28px;line-height:1}.hero-card small{margin-top:10px;color:#bdbdbd;line-height:1.45;font-size:12px}.section{padding:18px 0 10px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.section-head h2{margin-bottom:6px;font-size:22px;letter-spacing:-.2px}.section-hint{color:#9f9f9f;font-size:13px;line-height:1.4}.row-scroll{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding-top:6px;padding-bottom:8px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.row-scroll::-webkit-scrollbar{display:none}.row-scroll .card,.skeleton-card{min-width:178px;max-width:178px;flex-shrink:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015) 28%,rgba(10,10,10,.94)),linear-gradient(135deg,rgba(26,26,26,.96),rgba(11,11,11,.98));border:1px solid rgba(255,255,255,.075);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;box-shadow:0 10px 22px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.045);isolation:isolate}.card::before{content:"";position:absolute;inset:0 0 auto 0;height:34%;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,0));opacity:.62;pointer-events:none;z-index:1}.card::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.028);pointer-events:none;z-index:3}.card:hover{transform:translateY(-4px);border-color:rgba(229,9,20,.2);box-shadow:0 14px 28px rgba(0,0,0,.32),0 0 18px rgba(229,9,20,.12),inset 0 1px 0 rgba(255,255,255,.055)}.card:active{transform:scale(.985)}.poster{height:280px;position:relative;overflow:hidden;background:linear-gradient(180deg,#1b1b1b,#0f0f0f)}.row-scroll .poster{height:260px}.poster::before{content:"";position:absolute;top:0;left:-18%;width:68%;height:44%;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.03) 48%,rgba(255,255,255,0) 72%);transform:skewX(-18deg);opacity:.58;pointer-events:none;z-index:1}.poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 24%,rgba(0,0,0,0) 62%,rgba(0,0,0,.18));pointer-events:none;z-index:1}.poster img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;display:block;transform:translateZ(0)}.poster img.fallback{object-fit:contain;padding:30px;background:#111}.info{position:relative;z-index:2;padding:13px 12px 14px;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,0))}.info h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;margin-bottom:6px;color:#f5f5f5;font-size:16px;line-height:1.2}.info p{color:#aaa;font-size:13px}.loading,.empty-state{grid-column:1 / -1;width:100%;padding:34px 18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035);color:#aaa;text-align:center}.skeleton-card{height:332px;overflow:hidden;border-radius:16px;background:#151515;position:relative}.skeleton-card::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-100%);animation:skeletonMove 1.2s infinite}@keyframes skeletonMove{to{transform:translateX(100%)}}html,body{width:100%;min-height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}*{-webkit-tap-highlight-color:transparent}.last-category-section{padding-bottom:calc(24px + env(safe-area-inset-bottom))}@media(max-width:760px){body{padding:18px}.logo-row img{width:42px;height:42px}.brand-word,.logo-row strong{font-size:23px;font-weight:650}.category-hero{grid-template-columns:1fr;padding:19px 17px;border-radius:22px}.category-hero h1{font-size:29px}.hero-desc{font-size:13px}.hero-card{min-height:112px}.section{padding-top:15px}.grid{grid-template-columns:repeat(2,1fr);gap:14px}.row-scroll .card,.skeleton-card{min-width:154px;max-width:154px}.poster{height:220px}.row-scroll .poster{height:226px}*{animation:none !important}.card{box-shadow:0 6px 14px rgba(0,0,0,.24) !important;transition:transform .12s ease,border-color .12s ease !important}.card:hover{transform:none !important;box-shadow:0 6px 14px rgba(0,0,0,.24) !important}.card::before{opacity:.38 !important}.poster::before{opacity:.32 !important}.poster::after{opacity:.7 !important}.category-hero,.hero-card{box-shadow:0 8px 20px rgba(0,0,0,.24) !important}}@media(max-width:380px){body{padding:15px}.row-scroll .card,.skeleton-card{min-width:146px;max-width:146px}.poster{height:210px}.row-scroll .poster{height:218px}}@media(hover:none){.card:hover{transform:none;border-color:rgba(255,255,255,.075);box-shadow:0 10px 22px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.045)}}

.home-member-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:680px;margin:18px 0 18px;padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:20px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 12% 0%,rgba(255,184,0,.14),transparent 30%),radial-gradient(circle at 100% 100%,rgba(229,9,20,.22),transparent 34%),linear-gradient(135deg,rgba(24,24,24,.95),rgba(8,8,8,.98));box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 22px rgba(229,9,20,.10),inset 0 1px 0 rgba(255,255,255,.07)}
.home-member-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 22%,transparent 43%);transform:translateX(-48%);opacity:.75;pointer-events:none;z-index:-1}
.home-member-card::after{content:"FREE PLAN";position:absolute;top:10px;right:12px;color:rgba(255,255,255,.08);font-size:10px;font-weight:900;letter-spacing:1.3px;pointer-events:none}.home-member-card.is-vip::after{content:"VIP ACCESS";color:rgba(255,184,0,.17)}.home-member-card.is-admin::after{content:"ADMIN ACCESS";color:rgba(255,184,0,.18)}
.home-member-main{display:flex;min-width:0;flex-direction:column;gap:7px}.home-member-label{color:#9a9a9a;font-size:10px;font-weight:900;letter-spacing:.55px;text-transform:uppercase}.home-member-main strong{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:19px;letter-spacing:.1px;text-shadow:0 0 12px rgba(255,255,255,.10)}.home-member-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.home-member-meta::before{content:"Status";color:#8f8f8f;font-size:10px;font-weight:900;letter-spacing:.45px;text-transform:uppercase}.home-member-meta #homeMemberCoins{display:inline-flex;align-items:center;min-height:22px;padding:4px 9px;border:1px solid rgba(255,184,0,.25);border-radius:999px;background:rgba(255,184,0,.09);color:#ffd36a;font-size:10px;font-weight:900;white-space:nowrap}
.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:4px 9px;border:1px solid rgba(255,255,255,.10);border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14);font-size:10px;font-weight:900;letter-spacing:.25px;white-space:nowrap}.vip-badge{background:linear-gradient(135deg,#ffe08a,#ffb800 42%,#b86b00);color:#160d00;border-color:rgba(255,216,120,.75);box-shadow:0 0 14px rgba(255,184,0,.30),inset 0 1px 0 rgba(255,255,255,.35)}.admin-badge{background:linear-gradient(135deg,#ffefad,#ffb800 45%,#e50914);color:#130800;border-color:rgba(255,216,120,.8);box-shadow:0 0 15px rgba(255,184,0,.32)}.free-badge{background:linear-gradient(135deg,#3a3a3a,#1d1d1d);color:#efefef;border-color:rgba(255,255,255,.12)}
.home-member-card.is-vip,.home-member-card.is-admin{border-color:rgba(255,184,0,.35);background:radial-gradient(circle at 12% 0%,rgba(255,184,0,.22),transparent 32%),radial-gradient(circle at 100% 100%,rgba(229,9,20,.24),transparent 36%),linear-gradient(135deg,rgba(30,18,5,.96),rgba(10,10,10,.98));box-shadow:0 18px 42px rgba(0,0,0,.36),0 0 26px rgba(255,184,0,.14),0 0 22px rgba(229,9,20,.10),inset 0 1px 0 rgba(255,255,255,.08)}
.home-member-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.home-member-btn{min-height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.10);border-radius:999px;color:#fff;font-size:12px;font-weight:900;cursor:pointer;background:rgba(255,255,255,.06);box-shadow:0 0 14px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)}.home-member-btn.primary{background:linear-gradient(135deg,rgba(255,184,0,.18),rgba(229,9,20,.22));border-color:rgba(255,184,0,.24)}.home-member-btn.secondary{background:linear-gradient(135deg,rgba(229,9,20,.22),rgba(120,0,8,.22));border-color:rgba(229,9,20,.36)}.home-member-btn[hidden],.home-member-card.is-vip .home-member-btn.secondary,.home-member-card.is-admin .home-member-btn.secondary{display:none !important}
@media(max-width:760px){.home-member-card{align-items:stretch;flex-direction:column;gap:13px;margin:16px 0;padding:15px}.home-member-main strong{max-width:100%;font-size:18px}.home-member-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.home-member-btn{width:100%;min-height:38px;padding:0 10px}.home-member-card::after{top:9px;right:10px;font-size:9px}}
@media(max-width:380px){.home-member-actions{grid-template-columns:1fr}.home-member-card.is-vip .home-member-actions,.home-member-card.is-admin .home-member-actions{grid-template-columns:1fr}}



.load-more-wrap{display:flex;justify-content:center;margin:18px 0 4px}.load-more-wrap[hidden]{display:none !important}.load-more-btn{min-height:40px;padding:0 18px;border:1px solid rgba(229,9,20,.34);border-radius:999px;background:linear-gradient(135deg,rgba(229,9,20,.22),rgba(120,0,8,.2));color:#fff;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)}.load-more-btn:active{transform:scale(.98)}

.home-member-card.is-loading::after{content:"" !important;}
.home-member-card.is-loading .home-member-btn.secondary{display:none !important;}
.home-member-actions .home-member-btn{
    flex:0 0 auto;
    width:auto;
}

@media(max-width:700px){
    .home-member-actions{
        align-items:center;
        gap:8px;
    }

    .home-member-actions .home-member-btn{
        flex:0 0 auto;
        width:auto;
        min-width:82px;
        min-height:34px;
        padding:8px 12px;
        font-size:12px;
        line-height:1;
    }
}

@media(max-width:480px){
    .home-member-card{
        gap:10px;
    }

    .home-member-actions{
        width:auto;
        max-width:100%;
        display:flex;
        flex-wrap:wrap;
        justify-content:flex-start;
        align-items:center;
        gap:7px;
    }

    .home-member-actions .home-member-btn,
    .hero .home-member-btn{
        flex:0 0 auto;
        width:auto;
        min-width:74px;
        min-height:32px;
        padding:7px 10px;
        font-size:11px;
        line-height:1;
        white-space:nowrap;
    }
}

@media(max-width:360px){
    .home-member-actions{
        gap:6px;
    }

    .home-member-actions .home-member-btn,
    .hero .home-member-btn{
        min-width:68px;
        min-height:30px;
        padding:6px 9px;
        font-size:10.5px;
    }
}