@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-dark:#0a0a0c;--bg-card:#151518;--bg-hover:#1e1e24;--text-main:#fff;--text-muted:#8e8e93;--accent:#ff0050;--accent-hover:#e60048;--border:#27272a;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}button{cursor:pointer;transition:var(--transition);border:none;outline:none;font-family:Inter,sans-serif}button:hover{opacity:.8}button:active{transform:scale(.96)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}input,select,textarea{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-sm);transition:var(--transition);outline:none;padding:12px 16px;font-family:Inter,sans-serif}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition);padding:20px}.card:hover{border-color:var(--text-muted)}.app-header{z-index:100;-webkit-backdrop-filter:blur(20px);background:#0a0a0cb3;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.header-left{align-items:center;gap:32px;display:flex}.logo{letter-spacing:-.5px;cursor:pointer;font-size:20px;font-weight:700}.logo span{color:var(--accent)}.nav-links{gap:20px;display:flex}.header-right{align-items:center;gap:12px;display:flex}.balance-pill{background:#ffffff0d;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:10px;padding:6px 6px 6px 16px;display:flex}.balance-amount{font-size:14px;font-weight:600}.btn-topup{background:var(--accent);color:#fff;border-radius:100px;padding:6px 14px;font-size:13px;font-weight:600}.btn-topup:hover{background:var(--accent-hover)}.btn-logout,.btn-login{border-radius:100px;padding:8px 20px;font-size:14px;font-weight:600}.btn-logout{border:1px solid var(--border);color:var(--text-main);background:0 0}.btn-logout:hover{background:#ffffff0d}.btn-login{background:var(--accent);color:#fff}.page-container{max-width:1000px;margin:0 auto;padding:24px}.app-footer{text-align:center;border-top:1px solid var(--border);background:var(--bg-dark);margin-top:auto;padding:40px 24px}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:16px;display:flex}.footer-links span{color:var(--text-muted);cursor:pointer;transition:var(--transition);font-size:13px}.footer-links span:hover{color:var(--text-main)}.footer-copy{color:#555;font-size:12px}@media (width<=768px){.app-header{padding:0 16px}.header-left{gap:16px}.nav-links{gap:12px}.nav-links span{font-size:14px}.balance-pill{padding:4px 4px 4px 12px}.balance-amount{font-size:13px}.btn-topup{padding:4px 10px;font-size:12px}}.logo{letter-spacing:-.5px;cursor:pointer;color:var(--text-main);transition:var(--transition);font-size:20px;font-weight:700}.logo:hover{opacity:.8}.nav-links{gap:20px;margin-left:20px;display:flex}.nav-links span{color:var(--text-muted);cursor:pointer;transition:var(--transition);font-size:15px;font-weight:500}.nav-links span:hover{color:var(--text-main)}.mobile-burger{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:10px;font-size:24px;display:none}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;border-bottom:1px solid var(--border);background:#0a0a0cf2;flex-direction:column;gap:15px;padding:20px;display:flex;position:fixed;top:64px;left:0;right:0}.mobile-menu span{cursor:pointer;border-bottom:1px solid #ffffff0d;padding:10px 0;font-size:18px}@media (width<=768px){.desktop-only{display:none!important}.mobile-burger{display:block}.balance-pill{display:none}}.category-bar{z-index:50;scrollbar-width:none;background:linear-gradient(#000c,#0000);gap:10px;padding:10px 20px;display:flex;position:absolute;top:70px;left:0;right:0;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.category-chip{color:var(--text-muted);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:8px 18px;font-weight:500}.category-chip.active{color:#000;background:#fff;border-color:#fff;font-weight:600}.video-slide{scroll-snap-align:start;height:100vh;position:relative}.video-info-card{z-index:10;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:100px;left:20px;right:100px}.master-info h2{text-shadow:0 2px 10px #000c;margin:0 0 4px;font-size:20px;font-weight:700}.master-info p{color:#ddd;text-shadow:0 2px 10px #000c;margin:0;font-size:16px}.price-tag{-webkit-backdrop-filter:blur(10px);text-shadow:0 1px 2px #00000080;background:#ffffff26;border:1px solid #fff3;border-radius:12px;align-self:flex-start;padding:8px 16px;font-size:20px;font-weight:700;display:inline-block}.price-tag span{color:#ccc;font-size:14px;font-weight:400}.order-btn-container{z-index:10;position:absolute;bottom:100px;right:20px}.btn-order{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;width:64px;height:64px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 25px #ff005066}.btn-order:hover{transform:scale(1.05);box-shadow:0 10px 30px #ff005099}.category-trigger-container{z-index:60;position:absolute;top:70px;left:20px}.category-trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;align-items:center;gap:10px;padding:10px 20px;font-size:16px;font-weight:600;display:flex}.category-trigger span{opacity:.7;font-size:12px}.category-dropdown{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ce6;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:10px;max-height:60vh;padding:15px;animation:.2s fadeIn;display:flex;position:absolute;top:120px;left:20px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.category-chip{color:var(--text-muted);text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:12px;padding:10px 20px;font-weight:500;transition:all .3s}.category-chip:hover{color:#fff;border-color:var(--hover-color);box-shadow:0 0 15px var(--hover-color);background:#ffffff1a}.category-chip.active{color:#000;background:#fff;font-weight:600}.search-container{z-index:60;width:80%;max-width:500px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0009;border:1px solid #fff3;border-radius:30px;outline:none;width:100%;padding:12px 20px;font-size:16px;transition:all .3s}.search-input:focus{border-color:var(--accent);background:#000c}.category-trigger-container{top:130px}.category-dropdown{top:180px}body{overflow:hidden auto}.feed-container{height:100vh;overflow:hidden}select option{color:#000;background-color:#fff}body{background-color:#f0f2f5}