@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&display=swap";
:root{--primary-color:#ff4757;--primary-dark:#c0392b;--secondary-color:#2f3542;--accent-color:#ffa502;--text-color:#fff;--text-secondary:#ced6e0;--bg-overlay:#0f0f0fd9;--glass-bg:#1e1e1ea6;--glass-border:#ffffff1a;--shadow-soft:0 10px 30px #0000004d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Cairo,system-ui,-apple-system,sans-serif}body{color:var(--text-color);background-color:#0f0f0f;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background-image:linear-gradient(#0a0a0ae6,#141414f2),url(https://cdna.artstation.com/p/assets/images/images/053/482/594/original/lauren-ponder-camperanimated.gif?1662324472&dl=1);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 10% 20%,#ff475726 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ffa5021a 0%,#0000 40%);width:100%;height:100%;position:fixed;top:0;left:0}.container{z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.container-inner{text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;max-width:700px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);border-radius:30px;padding:40px 30px;animation:.8s cubic-bezier(.2,.8,.2,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.profile{margin-bottom:35px}.profile-img{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));z-index:2;border-radius:50%;width:130px;height:130px;margin:0 auto 15px;padding:4px;transition:transform .3s;position:relative;box-shadow:0 0 30px #ff475766}.profile-img:hover{transform:scale(1.05)rotate(5deg)}h1{background:linear-gradient(90deg,#fff,#dfe6e9);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #0000004d;-webkit-background-clip:text;margin-bottom:8px;font-size:2.2rem;font-weight:800}.bio{color:var(--text-secondary);margin-bottom:30px;font-size:1.1rem;font-weight:400;line-height:1.6}.links{flex-direction:column;gap:16px;margin-bottom:35px;display:flex}.link-button{color:var(--text-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#28282899;border:1px solid #ffffff0d;border-radius:20px;justify-content:space-between;align-items:center;padding:16px 24px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.link-button:hover{background-color:#3c3c3ccc;border-color:#fff3;transform:translateY(-4px)scale(1.01);box-shadow:0 8px 20px #0003}.link-text{letter-spacing:.5px;position:absolute;left:50%;transform:translate(-50%)}.link-button i{justify-content:center;align-items:center;width:30px;font-size:1.4rem;display:flex}.counter{color:var(--accent-color);text-align:center;background:#0000004d;border-radius:12px;min-width:80px;padding:4px 10px;font-size:.85rem;font-weight:700}.stats-container{flex-wrap:wrap;justify-content:center;gap:20px;margin:25px 0;display:flex}.stat-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;align-items:center;gap:15px;min-width:180px;padding:15px 25px;transition:all .3s;display:flex;position:relative;overflow:hidden}.stat-item:before{content:"";background:var(--primary-color);opacity:.7;width:3px;height:100%;position:absolute;top:0;left:0}.stat-icon{width:42px;height:42px;color:var(--primary-color);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.stat-number{color:#fff;font-size:1.3rem;font-weight:800}.stat-label{color:var(--text-secondary);font-size:.8rem}.online-dot{background:#2ecc71;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse;position:absolute;top:15px;right:15px;box-shadow:0 0 10px #2ecc71}.joyawards-btn{color:#fff;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:1px solid #ffffff1a;border-radius:20px;width:100%;margin:0 auto 30px;padding:18px;font-size:1.2rem;font-weight:800;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 25px #6c5ce766}.joyawards-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #6c5ce799}.button-caravan{pointer-events:none;z-index:5;width:40px;height:40px;animation:2s ease-in-out caravan-move;position:absolute;top:50%;right:-50px;transform:translateY(-50%)}.caravan-image{object-fit:contain;filter:brightness(0)invert();width:100%;height:100%}@keyframes caravan-move{0%{opacity:0;right:-50px;transform:translateY(-50%)rotate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;right:105%;transform:translateY(-50%)rotate(0)}}.link-button:hover .button-caravan{animation:2s ease-in-out caravan-move}@media (max-width:768px){.container-inner{border-radius:25px;padding:30px 20px}.profile-img{width:110px;height:110px}h1{font-size:1.8rem}.link-button{padding:14px 20px;font-size:.95rem}.stats-container{gap:15px}.stat-item{justify-content:flex-start;width:100%}}.custom-kick-icon,.social-custom-icon{filter:brightness(0)invert();width:24px;height:24px}.footer{color:#ffffff4d;margin-top:40px;font-size:.85rem}.role-founder{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%)}.role-admin{color:#fff;background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%)}.role-ad-manager{color:#333;background:linear-gradient(135deg,#ffd166 0%,#ffb142 100%)}.role-developer{color:#fff;background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%)}.role-editor{color:#fff;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%)}.role-support{color:#fff;background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%)}.role-marketer{color:#fff;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)}.role-tech{color:#fff;background:linear-gradient(135deg,#1abc9c 0%,#16a085 100%)}.role-default{color:#fff;background:linear-gradient(135deg,#7f8c8d 0%,#95a5a6 100%)}.live-counter-button{color:#fff;z-index:1000;background:linear-gradient(135deg,red 0%,#c00 100%);border-radius:50px;justify-content:space-between;align-items:center;gap:15px;min-width:200px;padding:12px 25px;text-decoration:none;transition:all .3s;animation:3s ease-in-out infinite float;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 20px #ff00004d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.live-counter-button:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 10px 25px #f006}.live-indicator{background:#ffffff26;border-radius:20px;align-items:center;gap:8px;min-width:70px;padding:6px 12px;display:flex;position:relative}.live-pulse{background:#fff3;border-radius:20px;width:100%;height:100%;animation:2s infinite pulse;position:absolute}@keyframes pulse{0%{opacity:.7}50%{opacity:.3}to{opacity:.7}}.live-indicator i{color:red;z-index:1;background:#fff;border-radius:50%;padding:2px;font-size:12px;position:relative}.live-text{z-index:1;font-size:14px;font-weight:700;position:relative}.live-counter-content{flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.live-icon{color:#fff;font-size:28px}.live-stats{flex-direction:column;align-items:flex-start;display:flex}.live-viewers-count{text-shadow:0 2px 4px #0003;font-size:20px;font-weight:700;line-height:1}.live-viewers-label{opacity:.9;margin-top:2px;font-size:11px}.live-arrow{opacity:.8;font-size:14px;transition:transform .3s}.live-counter-button:hover .live-arrow{transform:translate(-5px)}.news-button{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:all .3s;display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 4px 15px #ff6b6b4d}.news-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #ff6b6b66}.notification-badge{color:#fff;background:#3498db;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;animation:2s infinite badgePulse;display:flex;position:absolute;top:0;left:0}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.news-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1001;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.news-modal-content{background:#fff;border-radius:25px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.news-header{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);justify-content:space-between;align-items:center;padding:25px;display:flex}.news-header h3{align-items:center;gap:12px;margin:0;font-size:22px;display:flex}.close-news{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:10px;font-size:20px;transition:all .3s;display:flex}.close-news:hover{background:#ffffff4d;transform:rotate(90deg)}.news-list{flex:1;max-height:calc(90vh - 160px);padding:20px;overflow-y:auto}.loading-news{text-align:center;color:#666;padding:40px 20px}.loading-news .spinner{border:3px solid #f3f3f3;border-top-color:#ff6b6b;border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.news-item{background:#fff;border:1px solid #f1f1f1;border-radius:20px;margin-bottom:25px;padding:25px;transition:all .3s;position:relative;box-shadow:0 10px 30px #00000014}.news-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001f}.news-type-badge{color:#fff;z-index:1;background:#ff6b6b;border-radius:20px;align-items:center;gap:8px;padding:6px 18px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-12px;right:25px;box-shadow:0 4px 12px #ff6b6b4d}.news-item-content{padding-top:10px}.news-item-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.news-item-header h4{color:#2c3e50;flex:1;margin:0;font-size:20px;line-height:1.4}.pinned-badge{color:#333;white-space:nowrap;background:linear-gradient(135deg,#ffd166 0%,#ffb142 100%);border-radius:15px;align-items:center;gap:5px;padding:6px 15px;font-size:14px;font-weight:700;display:inline-flex}.news-content{color:#555;margin:0 0 25px;padding-left:5px;font-size:16px;line-height:1.7}.ad-image-container{border-radius:15px;max-height:300px;margin:20px 0;overflow:hidden}.ad-image{object-fit:cover;width:100%;height:auto;max-height:300px;transition:transform .5s}.news-item:hover .ad-image{transform:scale(1.02)}.news-publisher{border-top:1px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;display:flex}.publisher-info{align-items:center;gap:15px;display:flex}.publisher-avatar{object-fit:cover;border:3px solid #ff6b6b;border-radius:50%;width:50px;height:50px}.publisher-details{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.publisher-name{color:#2c3e50;text-align:left;font-size:16px;font-weight:700}.publisher-role{text-align:right;white-space:nowrap;text-overflow:ellipsis;border-radius:20px;width:fit-content;max-width:200px;margin-top:5px;padding:6px 15px;font-size:13px;font-weight:600;transition:all .3s;display:inline-block;overflow:hidden;box-shadow:0 3px 10px #0000001a}.publisher-role:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000026}.publisher-role:after{content:"•";opacity:.8;margin-right:5px;font-size:16px}.news-date{color:#7f8c8d;background:#f8f9fa;border-radius:20px;align-items:center;gap:8px;padding:8px 15px;font-size:14px;display:flex}.ad-link-btn{color:#fff;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-radius:25px;align-items:center;gap:10px;margin:15px 0;padding:14px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.ad-link-btn:hover{transform:translate(5px);box-shadow:0 8px 20px #3498db4d}.ad-stats{background:#f8f9fa;border-radius:15px;gap:30px;margin:20px 0 0;padding:15px;display:flex}.stat-item{color:#555;align-items:center;gap:10px;font-size:14px;display:flex}.stat-item i{color:#ff6b6b;font-size:16px}.no-news{text-align:center;color:#7f8c8d;padding:60px 20px}.no-news i{opacity:.3;color:#ff6b6b;margin-bottom:20px;font-size:60px}.go-to-ads-btn{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);border-radius:25px;margin-top:20px;padding:12px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.go-to-ads-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b4d}.news-footer{background:#f8f9fa;border-top:1px solid #eee;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.news-stats{gap:20px;display:flex}.total-news{color:#555;align-items:center;gap:8px;font-size:14px;display:flex}@media (max-width:768px){.live-counter-button{min-width:170px;padding:10px 20px;bottom:15px;right:15px}.live-viewers-count{font-size:18px}.live-text{font-size:12px}.live-icon{font-size:24px}.news-button{width:55px;height:55px;font-size:22px;bottom:15px;left:15px}.news-modal{padding:15px}.news-modal-content{border-radius:20px;max-height:95vh}.news-header{padding:20px}.news-header h3{font-size:18px}.news-list{padding:15px}.news-item{margin-bottom:20px;padding:20px}.news-item-header h4{font-size:18px}.news-content{font-size:15px}.news-publisher{flex-direction:column;align-items:flex-start;gap:15px}.ad-stats{flex-wrap:wrap;gap:15px}.news-footer{text-align:center;flex-direction:column;align-items:stretch;gap:15px}.news-stats{justify-content:center}}@media (max-width:480px){.live-counter-button{gap:10px;min-width:150px;padding:8px 15px;bottom:10px;right:10px}.live-indicator{min-width:60px;padding:5px 8px}.live-viewers-count{font-size:16px}.live-viewers-label{font-size:10px}.live-icon{font-size:20px}.news-button{width:50px;height:50px;font-size:20px;bottom:10px;left:10px}.notification-badge{width:18px;height:18px;font-size:11px}.news-item{padding:15px}.news-type-badge{padding:5px 12px;font-size:12px}.publisher-avatar{width:40px;height:40px}.ad-link-btn{padding:12px 20px;font-size:14px}.view-all-ads{padding:8px 20px;font-size:13px}}.news-list::-webkit-scrollbar{width:8px}.news-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.news-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);border-radius:10px}.news-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff5252 0%,#e74c3c 100%)}.page-bar-toggle{z-index:1001;color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:fixed;bottom:90px;left:20px;box-shadow:0 4px 15px #667eea66}.page-bar-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.page-bar-toggle.expanded{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.toggle-text{margin-left:5px}.page-bar-container{z-index:1002;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-right:1px solid #ffffff1a;width:380px;height:100vh;transition:left .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-400px;overflow-y:auto;box-shadow:5px 0 25px #0000004d}.page-bar-container.expanded{left:0}.page-bar-header{background:#0000004d;border-bottom:1px solid #ffffff1a;padding:25px}.page-bar-header h3{color:#fff;align-items:center;gap:10px;margin:0 0 8px;font-size:22px;display:flex}.page-bar-header h3 i{color:#667eea}.page-bar-subtitle{color:#a0aec0;margin:0;font-size:14px}.page-categories{background:#0003;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:8px;padding:15px;display:flex}.category-btn{color:#cbd5e0;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;padding:8px 15px;font-size:12px;transition:all .2s;display:flex}.category-btn:hover{color:#fff;background:#667eea33;transform:translateY(-1px)}.category-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}.pages-grid{grid-template-columns:1fr;gap:15px;max-height:calc(100vh - 280px);padding:20px;display:grid;overflow-y:auto}.pages-grid::-webkit-scrollbar{width:4px}.pages-grid::-webkit-scrollbar-track{background:#ffffff0d}.pages-grid::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.page-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:15px;padding:15px;text-decoration:none;transition:all .3s;display:flex;position:relative}.page-card:hover{background:#667eea26;border-color:#667eea;transform:translate(5px)}.page-card.active{background:linear-gradient(135deg,#667eea33 0%,#764ba233 100%);border-color:#667eea}.page-card.active:before{content:"";background:#667eea;border-radius:0 4px 4px 0;width:4px;height:70%;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.page-card-icon{color:#667eea;background:#0000004d;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex;position:relative}.page-card-icon i{transition:transform .3s}.page-card:hover .page-card-icon i{transform:scale(1.1)}.page-badge{border-radius:10px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:-8px;right:-8px}.page-badge.new{color:#fff;background:#10b981}.page-badge.popular{color:#fff;background:#f59e0b;padding:3px 6px}.page-card-content{flex:1}.page-card-title{color:#fff;margin:0 0 5px;font-size:16px;font-weight:600}.page-card-desc{color:#a0aec0;margin:0;font-size:12px;line-height:1.4}.page-card-arrow{color:#718096;font-size:14px;transition:all .3s}.page-card:hover .page-card-arrow{color:#667eea;transform:translate(-3px)}.page-bar-footer{background:#0000004d;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;bottom:0}.pages-stats{gap:15px;display:flex}.pages-stats .stat{color:#a0aec0;align-items:center;gap:5px;font-size:12px;display:flex}.pages-stats .stat i{color:#667eea}.close-pagebar{color:#cbd5e0;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:8px 15px;font-size:12px;transition:all .2s;display:flex}.close-pagebar:hover{color:#fff;background:#f5656533}.page-bar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;background:#00000080;position:fixed;inset:0}@media (max-width:768px){.page-bar-toggle{padding:10px 16px;font-size:13px;bottom:80px;left:15px}.page-bar-container{width:300px;left:-320px}.page-bar-header{padding:20px}.pages-grid{max-height:calc(100vh - 260px);padding:15px}.page-card{padding:12px}.page-card-icon{width:40px;height:40px;font-size:18px}}@media (max-width:480px){.page-bar-toggle{padding:8px 14px;bottom:70px;left:10px}.toggle-text{display:none}.page-bar-container{width:280px;left:-300px}}