:root{--bg-darker:#09090b;--bg-main:#111114;--bg-card:#1c1c1f;--bg-input:#0a0a0c;--primary:#a558f2;--primary-glow:rgba(165, 88, 242, 0.5);--danger:#ff4757;--danger-glow:rgba(255, 71, 87, 0.3);--success:#2ed573;--text-main:#ffffff;--text-muted:#a1a1aa;--radius-ios:24px;}*{margin:0;padding:0;box-sizing:border-box;font-family:"Outfit", sans-serif;outline:none;-webkit-tap-highlight-color:transparent;}body{background:var(--bg-darker);color:var(--text-main);padding:0 0 60px 0;min-height:100vh;overflow-x:hidden;}#siteNavbarMount{margin-bottom:10px;}::-webkit-scrollbar{width:6px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:10px;}::-webkit-scrollbar-thumb:hover{background:#52525b;}/* Animations */ @keyframes slideDown{from{opacity:0;transform:translateY(-18px);}60%{opacity:1;transform:translateY(2px);}to{opacity:1;transform:translateY(0);}}@keyframes slideUp{from{transform:translateY(100px);opacity:0;}to{transform:translateY(0);opacity:1;}}.container{max-width:1100px;margin:30px auto;padding:0 20px;animation:slideUp 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s forwards;opacity:0;display:flex;flex-direction:column;min-height:calc(100vh - 120px);}.main-header{margin-bottom:40px;margin-top:30px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;}.brand-badge{background:var(--primary-glow);color:var(--primary);padding:6px 12px;border-radius:8px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;letter-spacing:0.5px;}h1{font-size:32px;font-weight:700;letter-spacing:-0.5px;}.header-subtitle{color:var(--text-muted);font-size:15px;margin-top:6px;}.header-actions{display:flex;gap:12px;position:relative;}.site-topbar{padding:0 20px;margin-bottom:18px;position:fixed;left:0;right:0;width:100%;top:12px;z-index:120;animation:slideDown 0.62s cubic-bezier(0.2, 0.8, 0.2, 1) both;transition:top 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), padding 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);}.site-topbar-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:8px;border-radius:16px;border:1px solid rgba(255, 255, 255, 0.08);background:rgba(12, 12, 16, 0.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), border-radius 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);}body.nav-scrolled .site-topbar{top:0;padding-left:0;padding-right:0;}body.nav-scrolled .site-topbar-inner{background:rgba(9, 9, 13, 0.94);border-color:rgba(255, 255, 255, 0.13);box-shadow:0 12px 28px rgba(0, 0, 0, 0.32);border-top-left-radius:0;border-top-right-radius:0;}.site-navbar{flex:1;min-width:0;display:flex;align-items:center;gap:6px;}.site-nav-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-muted);border:1px solid transparent;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;transition:all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);}.site-nav-link:hover{color:#fff;background:rgba(255, 255, 255, 0.05);border-color:rgba(255, 255, 255, 0.12);}.site-nav-link.active{color:#fff;background:rgba(165, 88, 242, 0.16);border-color:rgba(165, 88, 242, 0.45);}.site-topbar-tools{display:flex;align-items:center;gap:8px;margin-left:auto;}.site-search{height:42px;}.site-search input{width:220px;}@media (max-width:768px){.site-topbar{top:8px;padding:0 12px;}.site-topbar-inner{flex-wrap:wrap;gap:10px;}.site-navbar{order:2;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}.site-navbar::-webkit-scrollbar{display:none;}.site-nav-link{flex:0 0 auto;padding:9px 12px;font-size:12px;}.site-topbar-tools{order:1;width:100%;margin-left:0;display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;}.site-search{min-width:0;}.site-search input{width:100%;}}.search-container{background:var(--bg-card);padding:0 16px;border-radius:14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255, 255, 255, 0.05);transition:0.3s;height:48px;}.search-container:focus-within{border-color:var(--primary);background:rgba(255, 255, 255, 0.03);}.search-container input{background:transparent;border:none;color:white;height:100%;font-size:15px;width:220px;}.site-topbar .search-container{background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.09);border-radius:12px;height:42px;padding:0 12px;gap:10px;}.site-topbar .search-container i{color:var(--text-muted);font-size:13px;}.site-topbar .search-container input{width:100%;min-width:0;font-size:13px;color:#fff;}.site-topbar .search-container:focus-within{border-color:rgba(165, 88, 242, 0.45);background:rgba(255, 255, 255, 0.05);}.btn-profile{background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.09);width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.2s;overflow:hidden;position:relative;}.btn-profile:hover{border-color:rgba(255, 255, 255, 0.16);background:rgba(255, 255, 255, 0.06);}.btn-profile img{width:100%;height:100%;object-fit:cover;display:none;border-radius:11px;}.btn-profile i{font-size:15px;color:var(--text-muted);}.profile-widget{position:relative;}.profile-menu{position:absolute;top:60px;right:0;width:280px;background:var(--bg-main);border:1px solid rgba(255, 255, 255, 0.05);border-radius:20px;padding:20px;z-index:100;opacity:0;visibility:hidden;transform:translateY(10px);transition:0.3s cubic-bezier(0.2, 0.8, 0.2, 1);box-shadow:0 20px 40px rgba(0, 0, 0, 0.5);}.profile-menu.active{opacity:1;visibility:visible;transform:translateY(0);}.pm-info{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255, 255, 255, 0.05);}.pm-info h4{font-size:16px;color:white;margin-bottom:4px;}.pm-info span{font-size:12px;color:var(--text-muted);display:block;margin-bottom:8px;}.pm-email{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);background:var(--bg-input);padding:8px;border-radius:8px;}.btn-menu-item{width:100%;padding:12px;border-radius:12px;background:transparent;border:1px solid rgba(255, 255, 255, 0.05);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;transition:0.2s;margin-bottom:8px;}.btn-menu-item:hover{background:var(--bg-card);color:white;border-color:rgba(255, 255, 255, 0.1);}.btn-menu-item.danger{color:var(--danger);border-color:rgba(255, 71, 87, 0.2);}.btn-menu-item.danger:hover{background:rgba(255, 71, 87, 0.1);}.btn-menu-item.primary{background:rgba(88, 101, 242, 0.1);color:#5865f2;border-color:rgba(88, 101, 242, 0.2);}.btn-menu-item.primary:hover{background:rgba(88, 101, 242, 0.2);}.stats-overview{display:flex;gap:40px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255, 255, 255, 0.05);flex-wrap:wrap;}.stat-item{display:flex;flex-direction:column;min-width:100px;}.stat-val{font-size:28px;font-weight:800;color:white;}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;font-weight:700;letter-spacing:1px;margin-top:4px;}.content-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:24px;align-content:start;}/* --- Pagination Styles --- */ .pagination-area{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:60px;padding:12px;background:rgba(28, 28, 31, 0.5);backdrop-filter:blur(10px);border-radius:20px;width:fit-content;margin-left:auto;margin-right:auto;border:1px solid rgba(255, 255, 255, 0.08);box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);}.btn-page{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255, 255, 255, 0.05);background:rgba(255, 255, 255, 0.03);color:var(--text-muted);cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;}.btn-page:hover:not(:disabled){background:rgba(255, 255, 255, 0.08);color:white;border-color:rgba(255, 255, 255, 0.2);}.btn-page.active{background:var(--primary);color:white;border-color:var(--primary);}.btn-page:disabled{opacity:0.3;cursor:not-allowed;}.page-dots{color:var(--text-muted);font-weight:800;padding:0 8px;letter-spacing:2px;}.page-info{font-size:14px;font-weight:600;color:var(--text-muted);}.wheel-card{background:var(--bg-main);border-radius:var(--radius-ios);padding:24px;cursor:pointer;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;transform:translateZ(0);}.wheel-card:hover{background:#18181b;transform:translateY(-5px);}.card-inner{display:flex;align-items:center;gap:18px;z-index:2;}.logo-box{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:visible;}.logo-box img{width:100%;height:100%;object-fit:cover;border-radius:inherit;}.info h3{font-size:17px;margin-bottom:4px;font-weight:600;}.info p{font-size:13px;color:var(--text-muted);}.card-arrow{color:#3f3f46;transition:0.3s;}.wheel-card:hover .card-arrow{color:var(--text-main);}.modal-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.8);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:0.4s ease;z-index:1000;padding:20px;}.modal-overlay.open{opacity:1;visibility:visible;}.modal-box{background:var(--bg-main);width:100%;max-width:420px;border-radius:32px;padding:32px;transform:scale(0.95) translateY(20px);transition:0.5s cubic-bezier(0.2, 0.8, 0.2, 1);border:1px solid rgba(255, 255, 255, 0.05);box-shadow:0 40px 80px rgba(0, 0, 0, 0.6);}.modal-overlay.open .modal-box{transform:scale(1) translateY(0);}.modal-header{text-align:center;margin-bottom:24px;}.modal-title{font-size:20px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px;}.modal-subtitle{font-size:13px;}.security-info{background:rgba(16, 185, 129, 0.05);border:1px solid rgba(16, 185, 129, 0.1);border-radius:12px;padding:15px;margin-bottom:20px;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:10px;}.security-info i{color:var(--success);}.ios-list{background:var(--bg-input);border-radius:16px;padding:6px;border:1px solid rgba(255, 255, 255, 0.05);margin-bottom:20px;}.ios-item{display:flex;align-items:center;padding:12px 16px;gap:16px;}.ios-switch{position:relative;display:inline-block;width:40px;height:24px;margin-left:auto;}.ios-switch input{opacity:0;width:0;height:0;}.ios-slider{position:absolute;cursor:pointer;inset:0;background-color:#3f3f46;border-radius:34px;transition:0.4s;}.ios-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:white;border-radius:50%;transition:0.4s;}input:checked + .ios-slider{background-color:var(--success);}input:checked + .ios-slider:before{transform:translateX(16px);}.captcha-box{background:var(--bg-input);border:1px solid rgba(255, 255, 255, 0.1);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;margin-bottom:24px;transition:0.3s;}.captcha-box:hover{border-color:rgba(255, 255, 255, 0.3);}.captcha-box.verified{border-color:var(--success);background:rgba(46, 213, 115, 0.05);cursor:default;}.box-check{width:24px;height:24px;border:2px solid #555;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:0.3s;}.captcha-box.loading .box-check{border-color:var(--primary);border-top-color:transparent;border-radius:50%;animation:spin 1s infinite;}.captcha-box.verified .box-check{border:none;color:var(--success);font-size:18px;}.captcha-box span{font-size:13px;color:var(--text-muted);font-weight:500;}.modal-footer{display:flex;gap:12px;}.btn-close{flex:1;background:transparent;border:1px solid rgba(255, 255, 255, 0.1);color:var(--text-muted);padding:12px;border-radius:12px;cursor:pointer;transition:0.2s;}.btn-close:hover{background:var(--bg-input);color:white;}.btn-confirm{flex:1;background:var(--danger);border:none;color:white;padding:12px;border-radius:12px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;}.toast{position:fixed;top:30px;left:50%;transform:translateX(-50%) translateY(-100px);background:rgba(20, 20, 23, 0.9);backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.1);padding:12px 20px 12px 16px;border-radius:50px;display:flex;align-items:center;gap:12px;z-index:3000;transition:all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);opacity:0;}.toast.active{transform:translateX(-50%) translateY(0);opacity:1;}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:black;background:var(--success);}.toast.success .toast-icon{background:var(--success);}.toast.info .toast-icon{background:#3b82f6;}.toast.error .toast-icon{background:#ef4444;}.loading-overlay{display:flex;flex-direction:column;align-items:center;gap:20px;padding:100px 0;}.spinner{width:40px;height:40px;border:3px solid rgba(255, 255, 255, 0.1);border-top:3px solid var(--primary);border-radius:50%;animation:spin 0.8s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.empty-state{text-align:center;padding:80px 0;color:var(--text-muted);animation:fadeIn 0.5s;}.empty-icon-box{width:80px;height:80px;background:rgba(255, 255, 255, 0.03);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:30px;opacity:0.5;}.app-footer{margin-top:auto;padding-bottom:30px;padding-top:60px;animation:fadeIn 1s ease 0.2s backwards;width:100%;}.footer-divider{height:1px;background:linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0.05) 80%, transparent 100% );margin-bottom:30px;}.footer-content{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;}.footer-left, .footer-right{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:120px;}.footer-left{max-width:350px;align-items:flex-start;}.footer-right{align-items:flex-end;text-align:right;flex:1;}.footer-top{margin-bottom:20px;}.footer-logo{font-size:12px;font-weight:800;letter-spacing:1px;color:var(--text-main);margin-bottom:10px;display:flex;align-items:center;gap:8px;}.footer-logo i{color:var(--primary);}.footer-desc{font-size:13px;color:var(--text-muted);line-height:1.6;}.footer-meta{font-size:12px;color:rgba(255, 255, 255, 0.2);line-height:1.5;}.footer-links{display:flex;gap:20px;margin-bottom:10px;}.link-item{color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:500;transition:0.2s;}.link-item:hover{color:var(--primary);}.link-item.active{color:var(--primary);}.footer-badges-area{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;}.footer-badge{display:inline-flex;align-items:center;gap:8px;height:32px;background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.05);padding:0 12px;border-radius:20px;font-size:11px;color:var(--text-muted);font-weight:500;transition:0.3s;cursor:default;white-space:nowrap;}.flag-icon{width:16px;border-radius:2px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);}.heart-pulse{color:var(--primary);font-size:10px;animation:heartbeat 1.5s infinite;}@keyframes heartbeat{0%{transform:scale(1);}15%{transform:scale(1.3);}30%{transform:scale(1);}45%{transform:scale(1.3);}70%{transform:scale(1);}}@media (max-width:900px){.main-header{flex-direction:column;align-items:flex-start;}.header-actions{width:100%;justify-content:space-between;}.search-container{width:100%;}.site-topbar .search-container{width:220px;}}@media (max-width:768px){.stats-overview{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px;background:var(--bg-card);border-radius:20px;border:1px solid rgba(255, 255, 255, 0.05);}.stat-item{align-items:center;text-align:center;min-width:0;}.stat-val{font-size:20px;}.stat-item:last-child{grid-column:1 / -1;border-top:1px solid rgba(255, 255, 255, 0.05);padding-top:15px;margin-top:5px;flex-direction:row;justify-content:center;gap:10px;}.stat-item:last-child .stat-label{margin-top:0;}.app-footer{padding-top:30px;padding-bottom:40px;}.footer-content{flex-direction:column;gap:30px;text-align:center;}.footer-left, .footer-right{align-items:center;text-align:center;width:100%;max-width:100%;min-height:auto;}.footer-logo{justify-content:center;font-size:14px;}.footer-desc{max-width:90%;margin:0 auto;font-size:13px;}.footer-badges-area{margin-top:20px;justify-content:center;gap:10px;}.footer-top{margin-bottom:15px;display:flex;flex-direction:column;align-items:center;}.footer-links{justify-content:center;gap:24px;margin-bottom:10px;}}.promo-bar{background:linear-gradient(90deg, rgba(5, 5, 5, 0.9) 0%, rgba(5, 5, 5, 0.4) 100%), url("/assets/default/wallpaper.png");background-size:cover;background-position:center;border:1px solid rgba(255, 255, 255, 0.1);border-radius:24px;padding:0;margin-bottom:32px;animation:slideDown 0.62s cubic-bezier(0.2, 0.8, 0.2, 1) 0.06s both;position:relative;overflow:hidden;box-shadow:0 12px 26px rgba(0, 0, 0, 0.28);width:min(1100px, calc(100% - 40px));margin:0 auto 32px;margin-top:35px;}.promo-bar::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg, rgba(165, 88, 242, 0.15), transparent);pointer-events:none;z-index:0;}.promo-content{max-width:1100px;margin:0 auto;padding:24px 20px;display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;flex-wrap:wrap;position:relative;z-index:1;}.promo-text{display:flex;flex-direction:column;gap:4px;max-width:600px;text-align:left;align-items:flex-start;}.promo-title{font-size:18px;color:#fff;font-weight:700;letter-spacing:-0.5px;text-shadow:0 2px 10px rgba(0, 0, 0, 0.5);}.promo-desc{font-size:14px;color:rgba(255, 255, 255, 0.8);line-height:1.5;font-weight:400;}.promo-link{color:var(--primary);text-decoration:none;}.promo-link:hover{color:var(--primary-glow);cursor:pointer;}.btn-promo{background:#ffffff;color:var(--bg-darker);text-decoration:none;padding:12px 28px;border-radius:14px;font-size:14px;font-weight:700;transition:all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);white-space:nowrap;box-shadow:0 4px 20px rgba(0, 0, 0, 0.3);display:flex;align-items:center;gap:10px;position:relative;overflow:hidden;}.btn-promo:hover{transform:translateY(-3px);background:#ffffff;color:black;}@media (max-width:768px){.site-topbar .search-container{width:100%;}.promo-content{flex-direction:column;text-align:center;padding:24px 20px;gap:20px;}.promo-text{flex-direction:column;font-size:15px;}.btn-promo{width:100%;justify-content:center;}}/* ================================================================ GLOBAL SCROLLBAR HIDDEN (User Request) ================================================================ */::-webkit-scrollbar{width:0px;background:transparent;display:none;}::-webkit-scrollbar-thumb{background:transparent;}/* For Firefox */ *{scrollbar-width:none;}/* Ensure functionality remains */ html, body{overflow-y:auto;overflow-x:hidden;}