@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}body.page-app_public_playup_article,body.page-app_public_playup_category,body.page-app_public_playup_home{background-color:#f8f9fa;color:#333;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.playup-header{backdrop-filter:blur(10px);background:rgba(26,26,46,.95);border-bottom:1px solid hsla(0,0%,100%,.05);box-shadow:0 4px 20px rgba(0,0,0,.15);padding:1rem 0 1rem 280px;position:sticky;top:0;transition:padding-left .3s ease;z-index:998}.playup-header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative}.playup-header .logo{align-items:center;display:none;transition:transform .3s ease;z-index:1001}.playup-header .logo .logo-image{display:block;height:50px;width:auto}.playup-header .logo:hover{transform:scale(1.05)}.playup-header .menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.5rem;transition:transform .3s;z-index:1001}.playup-header .menu-toggle:hover{transform:scale(1.1)}.playup-header .menu-toggle .hamburger-line{background:#fff;border-radius:2px;height:3px;transition:all .3s;width:28px}.playup-header .menu-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(8px,8px)}.playup-header .menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.playup-header .menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.playup-header .nav-menu{background:linear-gradient(180deg,#1a1a2e,#16213e);box-shadow:4px 0 20px rgba(0,0,0,.15);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:999}.playup-header .nav-menu .nav-content{display:flex;flex-direction:column;height:100%}.playup-header .nav-menu .nav-header{align-items:center;background:rgba(0,0,0,.2);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:1.5rem}.playup-header .nav-menu .nav-header .nav-logo{align-items:center;display:flex;transition:transform .3s ease}.playup-header .nav-menu .nav-header .nav-logo .logo-image{display:block;height:80px;width:auto}.playup-header .nav-menu .nav-header .nav-logo:hover{transform:scale(1.05)}.playup-header .nav-menu .nav-header .menu-close{display:none}.playup-header .nav-menu .nav-links{display:flex;flex:1;flex-direction:column;gap:0;list-style:none;margin:0;padding:1rem 0}.playup-header .nav-menu .nav-links li{display:flex;width:100%}.playup-header .nav-menu .nav-link{align-items:center;border-left:4px solid transparent;border-radius:0;color:hsla(0,0%,100%,.8);display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:100%}.playup-header .nav-menu .nav-link .nav-icon{display:block;font-size:1.4rem;min-width:32px}.playup-header .nav-menu .nav-link:before{display:none}.playup-header .nav-menu .nav-link:hover{background:hsla(0,0%,100%,.08);border-left-color:hsla(0,0%,100%,.3);color:#fff;transform:translateX(0)}.playup-header .nav-menu .nav-link.active{background:rgba(255,68,68,.2);border-left-color:#f44;box-shadow:none;color:#fff;font-weight:600}.playup-header .nav-menu .nav-footer{background:rgba(0,0,0,.2);border-top:1px solid hsla(0,0%,100%,.1);display:block;margin-top:auto;padding:1.5rem}.playup-header .language-switcher{align-items:center;display:flex;gap:.5rem}.playup-header .language-switcher .lang-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;color:hsla(0,0%,100%,.85);flex:1;font-size:.85rem;font-weight:600;overflow:hidden;padding:.5rem 1.1rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.playup-header .language-switcher .lang-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.playup-header .language-switcher .lang-btn:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.playup-header .language-switcher .lang-btn:hover:before{left:100%}.playup-header .language-switcher .lang-btn.active{background:linear-gradient(135deg,#f44,#f66);border-color:#f44;box-shadow:0 4px 12px rgba(255,68,68,.3);color:#fff}.article-detail-wrapper,.articles-section,.category-filter,.hero-section,.playup-footer{margin-left:280px;transition:margin-left .3s ease}.hero-section{background:linear-gradient(135deg,#0f3460,#1a1a2e 50%,#16213e);color:#fff;margin-bottom:3rem;overflow:hidden;padding:5rem 0;position:relative}.hero-section:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,rgba(255,68,68,.15) 0,transparent 70%);height:500px;right:-20%;top:-50%;width:500px}.hero-section:after,.hero-section:before{border-radius:50%;content:"";position:absolute}.hero-section:after{animation:pulse 5s ease-in-out infinite;background:radial-gradient(circle,rgba(0,217,255,.1) 0,transparent 70%);bottom:-30%;height:400px;left:-10%;width:400px}.hero-section .container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.hero-section h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:3.8rem;font-weight:900;letter-spacing:-1px;line-height:1.1;margin-bottom:1.2rem}.hero-section p{font-size:1.4rem;font-weight:400;opacity:.85}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.category-filter{background:#fff;border-bottom:1px solid rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.05);box-shadow:0 2px 12px rgba(0,0,0,.04);margin-bottom:3rem;padding:2.5rem 0}.category-filter .container{margin:0 auto;max-width:1400px;padding:0 2rem}.category-filter .filter-title{color:#1a1a2e;font-size:1.3rem;font-weight:800;letter-spacing:-.3px;margin-bottom:1.25rem}.category-filter .filter-buttons{display:flex;flex-wrap:wrap;gap:.85rem}.category-filter .filter-btn{background:#f8f9fa;border:2px solid rgba(0,0,0,.08);border-radius:50px;color:#333;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;overflow:hidden;padding:.65rem 1.6rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.165,.84,.44,1)}.category-filter .filter-btn:before{background:hsla(0,0%,100%,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.category-filter .filter-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.category-filter .filter-btn:hover:before{height:300px;width:300px}.category-filter .filter-btn.active{background:#f44;border-color:#f44;box-shadow:0 4px 15px rgba(255,68,68,.25);color:#fff;transform:translateY(-2px)}.category-filter .filter-btn[data-category-filter=football].active{background:linear-gradient(135deg,#00d9ff,#33e1ff);border-color:#00d9ff;box-shadow:0 4px 15px rgba(0,217,255,.25)}.category-filter .filter-btn[data-category-filter=football]:hover:not(.active){background:rgba(0,217,255,.08);border-color:#00d9ff;color:#00d9ff}.category-filter .filter-btn[data-category-filter=cricket].active{background:linear-gradient(135deg,#4caf50,#6ec071);border-color:#4caf50;box-shadow:0 4px 15px rgba(76,175,80,.25)}.category-filter .filter-btn[data-category-filter=cricket]:hover:not(.active){background:rgba(76,175,80,.08);border-color:#4caf50;color:#4caf50}.category-filter .filter-btn[data-category-filter=basketball].active{background:linear-gradient(135deg,#ff9800,#ffad33);border-color:#ff9800;box-shadow:0 4px 15px rgba(255,152,0,.25)}.category-filter .filter-btn[data-category-filter=basketball]:hover:not(.active){background:rgba(255,152,0,.08);border-color:#ff9800;color:#ff9800}.category-filter .filter-btn[data-category-filter=field_hockey].active{background:linear-gradient(135deg,#9c27b0,#bc37d3);border-color:#9c27b0;box-shadow:0 4px 15px rgba(156,39,176,.25)}.category-filter .filter-btn[data-category-filter=field_hockey]:hover:not(.active){background:rgba(156,39,176,.08);border-color:#9c27b0;color:#9c27b0}.category-filter .filter-btn[data-category-filter=tennis].active{background:linear-gradient(135deg,#ffeb3b,#fff06e);border-color:#ffeb3b;box-shadow:0 4px 15px rgba(255,235,59,.25)}.category-filter .filter-btn[data-category-filter=tennis]:hover:not(.active){background:rgba(255,235,59,.08);border-color:#ffeb3b;color:#ffeb3b}.category-filter .filter-btn[data-category-filter=volleyball].active{background:linear-gradient(135deg,#f44336,#f77066);border-color:#f44336;box-shadow:0 4px 15px rgba(244,67,54,.25)}.category-filter .filter-btn[data-category-filter=volleyball]:hover:not(.active){background:rgba(244,67,54,.08);border-color:#f44336;color:#f44336}.category-filter .filter-btn[data-category-filter=table_tennis].active{background:linear-gradient(135deg,#e91e63,#ee4c83);border-color:#e91e63;box-shadow:0 4px 15px rgba(233,30,99,.25)}.category-filter .filter-btn[data-category-filter=table_tennis]:hover:not(.active){background:rgba(233,30,99,.08);border-color:#e91e63;color:#e91e63}.category-filter .filter-btn[data-category-filter=baseball].active{background:linear-gradient(135deg,#3f51b5,#606fc7);border-color:#3f51b5;box-shadow:0 4px 15px rgba(63,81,181,.25)}.category-filter .filter-btn[data-category-filter=baseball]:hover:not(.active){background:rgba(63,81,181,.08);border-color:#3f51b5;color:#3f51b5}.category-filter .filter-btn[data-category-filter=american_football].active{background:linear-gradient(135deg,#795548,#996b5b);border-color:#795548;box-shadow:0 4px 15px rgba(121,85,72,.25)}.category-filter .filter-btn[data-category-filter=american_football]:hover:not(.active){background:rgba(121,85,72,.08);border-color:#795548;color:#795548}.category-filter .filter-btn[data-category-filter=golf].active{background:linear-gradient(135deg,#8bc34a,#a4d070);border-color:#8bc34a;box-shadow:0 4px 15px rgba(139,195,74,.25)}.category-filter .filter-btn[data-category-filter=golf]:hover:not(.active){background:rgba(139,195,74,.08);border-color:#8bc34a;color:#8bc34a}.articles-section .container{margin:0 auto;max-width:1400px;padding:0 2rem 4rem}.articles-section .section-title{color:#1a1a2e;font-size:2.2rem;font-weight:900;letter-spacing:-.5px;margin-bottom:2.5rem}.articles-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:3rem}.article-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.06);opacity:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.165,.84,.44,1)}.article-card:before{background:linear-gradient(90deg,#f44,#f66);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.article-card.fade-in{animation:fadeInUp .5s forwards}.article-card:hover{box-shadow:0 12px 35px rgba(0,0,0,.12);transform:translateY(-8px)}.article-card:hover:before{transform:scaleX(1)}.article-card .article-image{display:block;height:240px;object-fit:cover;position:relative;transition:transform .5s ease;width:100%}.article-card .article-image:after{background:linear-gradient(180deg,transparent,rgba(0,0,0,.05));bottom:0;content:"";left:0;position:absolute;right:0;top:0}.article-card .article-image.loaded{animation:fadeIn .5s}.article-card:hover .article-image{transform:scale(1.08)}.article-card .article-content{padding:1.75rem}.article-card .article-category{border:2px solid;border-radius:25px;display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:1px;margin-bottom:1rem;padding:.4rem 1rem;text-transform:uppercase;transition:all .3s ease}.article-card .article-category.category-football{background:rgba(0,217,255,.1);border-color:rgba(0,217,255,.3);color:#008299}.article-card .article-category.category-football:hover{background:rgba(0,217,255,.2);border-color:#00d9ff}.article-card .article-category.category-cricket{background:rgba(76,175,80,.1);border-color:rgba(76,175,80,.3);color:#2d682f}.article-card .article-category.category-cricket:hover{background:rgba(76,175,80,.2);border-color:#4caf50}.article-card .article-category.category-basketball{background:rgba(255,152,0,.1);border-color:rgba(255,152,0,.3);color:#995b00}.article-card .article-category.category-basketball:hover{background:rgba(255,152,0,.2);border-color:#ff9800}.article-card .article-category.category-field_hockey{background:rgba(156,39,176,.1);border-color:rgba(156,39,176,.3);color:#52145d}.article-card .article-category.category-field_hockey:hover{background:rgba(156,39,176,.2);border-color:#9c27b0}.article-card .article-category.category-tennis{background:rgba(255,235,59,.1);border-color:rgba(255,235,59,.3);color:#d4be00}.article-card .article-category.category-tennis:hover{background:rgba(255,235,59,.2);border-color:#ffeb3b}.article-card .article-category.category-volleyball{background:rgba(244,67,54,.1);border-color:rgba(244,67,54,.3);color:#ba160a}.article-card .article-category.category-volleyball:hover{background:rgba(244,67,54,.2);border-color:#f44336}.article-card .article-category.category-table_tennis{background:rgba(233,30,99,.1);border-color:rgba(233,30,99,.3);color:#930e3b}.article-card .article-category.category-table_tennis:hover{background:rgba(233,30,99,.2);border-color:#e91e63}.article-card .article-category.category-baseball{background:rgba(63,81,181,.1);border-color:rgba(63,81,181,.3);color:#252f69}.article-card .article-category.category-baseball:hover{background:rgba(63,81,181,.2);border-color:#3f51b5}.article-card .article-category.category-american_football{background:rgba(121,85,72,.1);border-color:rgba(121,85,72,.3);color:#392822}.article-card .article-category.category-american_football:hover{background:rgba(121,85,72,.2);border-color:#795548}.article-card .article-category.category-golf{background:rgba(139,195,74,.1);border-color:rgba(139,195,74,.3);color:#577d2a}.article-card .article-category.category-golf:hover{background:rgba(139,195,74,.2);border-color:#8bc34a}.article-card .article-title{color:#1a1a2e;font-size:1.5rem;font-weight:800;letter-spacing:-.3px;line-height:1.25;margin-bottom:.85rem}.article-card .article-title a{background:linear-gradient(90deg,#f44 0,#f44);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;color:inherit;text-decoration:none;transition:color .3s ease;transition:background-size .3s ease}.article-card .article-title a:hover{background-size:100% 2px}.article-card .article-excerpt{color:#666;font-size:.95rem;line-height:1.7;margin-bottom:1.25rem}.article-card .article-meta{align-items:center;border-top:1px solid rgba(0,0,0,.06);color:#666;display:flex;font-size:.85rem;justify-content:space-between;padding-top:1.25rem}.article-card .article-meta .read-more{background:rgba(255,68,68,.05);border-radius:6px;color:#f44;font-weight:700;padding:.4rem .8rem;text-decoration:none;transition:all .3s ease}.article-card .article-meta .read-more:hover{background:rgba(255,68,68,.1);transform:translateX(4px)}.article-card .article-meta .read-more:after{content:" →";display:inline-block;transition:transform .3s ease}.article-card .article-meta .read-more:hover:after{transform:translateX(4px)}.article-detail-wrapper{padding:2rem 1.5rem}.article-detail{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin:0 auto;max-width:900px;padding:3rem}.article-detail .article-header{margin-bottom:2rem}.article-detail .article-header .article-category{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:1rem;padding:.4rem 1rem;text-transform:uppercase}.article-detail .article-header .article-category.category-football{background:rgba(0,217,255,.15);color:#008299}.article-detail .article-header .article-category.category-cricket{background:rgba(76,175,80,.15);color:#2d682f}.article-detail .article-header .article-category.category-basketball{background:rgba(255,152,0,.15);color:#995b00}.article-detail .article-header .article-category.category-field_hockey{background:rgba(156,39,176,.15);color:#52145d}.article-detail .article-header .article-category.category-tennis{background:rgba(255,235,59,.15);color:#d4be00}.article-detail .article-header .article-category.category-volleyball{background:rgba(244,67,54,.15);color:#ba160a}.article-detail .article-header .article-category.category-table_tennis{background:rgba(233,30,99,.15);color:#930e3b}.article-detail .article-header .article-category.category-baseball{background:rgba(63,81,181,.15);color:#252f69}.article-detail .article-header .article-category.category-american_football{background:rgba(121,85,72,.15);color:#392822}.article-detail .article-header .article-category.category-golf{background:rgba(139,195,74,.15);color:#577d2a}.article-detail .article-header h1{color:#1a1a2e;font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.article-detail .article-header .article-date{color:#666;font-size:1rem}.article-detail .article-image{border-radius:8px;height:450px;margin-bottom:2rem;object-fit:cover;width:100%}.article-detail .article-body{color:#333;font-size:1.1rem;line-height:1.8}.article-detail .article-body p{margin-bottom:1.5rem}.article-detail .article-body h2{color:#1a1a2e;font-size:1.8rem;font-weight:700;margin:2rem 0 1rem}.article-detail .article-body h3{color:#0f3460;font-size:1.4rem;font-weight:600;margin:1.5rem 0 .75rem}.article-detail .article-body ol,.article-detail .article-body ul{margin:1rem 0 1.5rem 2rem}.article-detail .article-body blockquote{border-left:4px solid #f44;color:#666;font-style:italic;margin:2rem 0;padding-left:1.5rem}.article-detail .back-link{color:#f44;display:inline-block;font-weight:600;margin-top:2rem;text-decoration:none;transition:color .3s}.article-detail .back-link:hover{color:#f11}.playup-footer{background:#1a1a2e;color:hsla(0,0%,100%,.8);margin-top:4rem;padding:3rem 0 1.5rem}.playup-footer .container{margin:0 auto;max-width:1200px;padding:0 1.5rem;text-align:center}.playup-footer .footer-content{margin-bottom:1.5rem}.playup-footer .footer-content p{margin-bottom:.5rem}.playup-footer .footer-links{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem}.playup-footer .footer-links a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .3s}.playup-footer .footer-links a:hover{color:#f44}.playup-footer .copyright{font-size:.9rem;opacity:.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.playup-header{padding-left:0}.playup-header .logo,.playup-header .menu-toggle{display:flex}.playup-header .nav-menu{box-shadow:5px 0 15px rgba(0,0,0,.3);left:-100%;max-width:350px;transition:left .3s ease-in-out;width:85%}.playup-header .nav-menu.active{left:0}.playup-header .nav-menu .nav-header .menu-close{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background .3s}.playup-header .nav-menu .nav-header .menu-close:hover{background:hsla(0,0%,100%,.1)}.article-detail-wrapper,.articles-section,.category-filter,.hero-section,.playup-footer{margin-left:0}body.menu-open:before{animation:fadeIn .3s;background:rgba(0,0,0,.5);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}body.menu-open{overflow:hidden}.hero-section{padding:3rem 0}.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1.1rem}.articles-grid{gap:1.5rem;grid-template-columns:1fr}.article-detail{margin:1rem;padding:1.5rem}.article-detail .article-header h1{font-size:2rem}.article-detail .article-image{height:250px}.category-filter .filter-buttons{justify-content:center}}@media (max-width:480px){.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}.article-card .article-title{font-size:1.3rem}.articles-section .container,.category-filter .container,.playup-header .container{padding:0 1rem}}html[dir=rtl] .playup-header{padding-left:0;padding-right:280px}html[dir=rtl] .playup-header .container{flex-direction:row-reverse}html[dir=rtl] .playup-header .nav-menu{box-shadow:-4px 0 20px rgba(0,0,0,.15);left:auto;right:0}html[dir=rtl] .playup-header .nav-menu .nav-link{border-left:none;border-right:4px solid transparent}html[dir=rtl] .playup-header .nav-menu .nav-link:hover{border-right-color:hsla(0,0%,100%,.3)}html[dir=rtl] .playup-header .nav-menu .nav-link.active{border-right-color:#f44}html[dir=rtl] .playup-header .language-switcher{order:-1}html[dir=rtl] .article-detail-wrapper,html[dir=rtl] .articles-section,html[dir=rtl] .category-filter,html[dir=rtl] .hero-section,html[dir=rtl] .playup-footer{margin-left:0;margin-right:280px}html[dir=rtl] .articles-grid{direction:rtl}html[dir=rtl] .article-card{direction:rtl;text-align:right}html[dir=rtl] .article-card .article-meta{flex-direction:row-reverse}html[dir=rtl] .article-detail,html[dir=rtl] .category-filter{direction:rtl;text-align:right}html[dir=rtl] .category-filter .filter-buttons{direction:rtl}html[dir=rtl] .hero-section{text-align:right}html[dir=rtl] .playup-footer{direction:rtl;text-align:right}@media (max-width:1024px){html[dir=rtl] .playup-header{padding-right:0}html[dir=rtl] .playup-header .nav-menu{box-shadow:-5px 0 15px rgba(0,0,0,.3);left:auto;right:-100%}html[dir=rtl] .playup-header .nav-menu.active{left:auto;right:0}html[dir=rtl] .playup-header .nav-menu .nav-header{flex-direction:row-reverse}html[dir=rtl] .playup-header .nav-menu .nav-link{border-left:none;border-right:4px solid transparent}html[dir=rtl] .playup-header .nav-menu .nav-link:hover{border-right-color:hsla(0,0%,100%,.3)}html[dir=rtl] .playup-header .nav-menu .nav-link.active{border-right-color:#f44}html[dir=rtl] .article-detail-wrapper,html[dir=rtl] .articles-section,html[dir=rtl] .category-filter,html[dir=rtl] .hero-section,html[dir=rtl] .playup-footer{margin-right:0}}html[lang=ar]{font-family:Tajawal,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}