.challenges-page{min-height:100vh;background:#0E0E12;padding-bottom:4rem}.hero-section{background:linear-gradient(135deg,#0E0E12,#1a1e3e 60%,#0E0E12);padding:56px 0 44px;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,224,255,.12)}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(0,224,255,.06) 0,transparent 65%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-icon{font-size:3.5rem;color:#00E0FF;margin-bottom:1.2rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,224,255,.4))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;background:linear-gradient(135deg,#00E0FF,#00FF88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.hero-description{font-size:1rem;color:rgba(255,255,255,.42);margin-bottom:2rem;max-width:560px;margin-left:auto;margin-right:auto}.stats-row{margin:2rem 0}.stat-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.2rem 1rem;text-align:center;transition:all .25s}.stat-card:hover{transform:translateY(-4px);border-color:rgba(0,224,255,.3);box-shadow:0 10px 28px rgba(0,224,255,.1)}.stat-icon{font-size:1.5rem;color:#00E0FF;margin-bottom:.4rem}.stat-value{font-size:2rem;font-weight:900;color:#ffffff;margin-bottom:.1rem}.stat-label{font-size:.75rem;color:rgba(255,255,255,.38);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.btn-create-challenge{background:linear-gradient(135deg,rgba(0,224,255,.2),rgba(0,224,255,.08))!important;border:1px solid rgba(0,224,255,.35)!important;color:#00E0FF!important;padding:.75rem 2rem!important;font-weight:700!important;border-radius:10px!important;transition:all .2s!important}.btn-create-challenge:hover{background:linear-gradient(135deg,rgba(0,224,255,.3),rgba(0,224,255,.15))!important;border-color:#00E0FF!important;box-shadow:0 0 20px rgba(0,224,255,.3)!important}.filters-section{background:rgba(26,30,62,.5);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.5rem;margin-top:2rem;margin-bottom:2rem}.filters-header{margin-bottom:1rem}.filters-header h5{color:rgba(255,255,255,.6);font-weight:700;font-size:.88rem;text-transform:uppercase;letter-spacing:.5px;margin:0;display:flex;align-items:center;gap:6px}.filters-section .form-label{color:rgba(255,255,255,.4);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.4px;margin-bottom:.4rem}.filters-section .form-select{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.1)!important;color:#ffffff!important;border-radius:8px!important;padding:.6rem .75rem!important}.filters-section .form-select:focus{border-color:rgba(0,224,255,.4)!important;box-shadow:none!important}.filters-section .form-select option{background:#1A1E3E;color:#ffffff}.challenges-list{margin-top:2rem}.challenge-card{background:rgba(26,30,62,.6);border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .25s;position:relative;overflow:hidden;height:100%}.challenge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00E0FF,#00FF88)}.challenge-card:hover{transform:translateY(-5px);border-color:rgba(0,224,255,.35);box-shadow:0 14px 40px rgba(0,224,255,.12)}.official-badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#FFD700,#FFA500);color:#0E0E12;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:800;display:flex;align-items:center;gap:4px;z-index:2}.challenge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:8px}.challenge-title{color:#ffffff;font-weight:700;font-size:1rem;margin:0;flex:1 1;line-height:1.3}.badge.bg-warning{background:rgba(255,215,0,.15)!important;color:#FFD700!important;border:1px solid rgba(255,215,0,.35)!important}.badge.bg-success{background:rgba(0,255,136,.12)!important;color:#00FF88!important;border:1px solid rgba(0,255,136,.3)!important}.badge.bg-danger{background:rgba(255,70,85,.12)!important;color:#FF4655!important;border:1px solid rgba(255,70,85,.3)!important}.badge.bg-info{background:rgba(0,224,255,.12)!important;color:#00E0FF!important;border:1px solid rgba(0,224,255,.3)!important}.badge.bg-secondary{background:rgba(160,160,178,.12)!important;color:#A0A0B2!important;border:1px solid rgba(160,160,178,.3)!important}.badge.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.challenge-creator{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;background:rgba(0,224,255,.06);border-radius:8px}.challenge-creator img{width:30px;height:30px;border-radius:50%;border:2px solid rgba(0,224,255,.3);object-fit:cover}.challenge-creator span{color:#00E0FF;font-weight:700;font-size:.85rem}.challenge-details{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.detail-item{background:rgba(255,255,255,.04);padding:4px 10px;border-radius:20px;color:rgba(255,255,255,.5);font-size:.78rem;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.08)}.detail-item svg{color:#00E0FF}.challenge-participants{margin-bottom:10px}.participants-progress{height:5px;background:rgba(255,255,255,.06);border-radius:10px;overflow:hidden;margin-bottom:4px}.progress-bar{height:100%;background:linear-gradient(90deg,#00E0FF,#00FF88);transition:width .3s ease}.participants-text{color:rgba(255,255,255,.38);font-size:.75rem;font-weight:700}.challenge-footer{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.challenge-stats{display:flex;justify-content:space-between;color:rgba(255,255,255,.35);font-size:.78rem}.challenge-stats span{display:flex;align-items:center;gap:4px}.challenge-stats svg{color:#00E0FF}.no-challenges{text-align:center;padding:60px 20px;color:rgba(255,255,255,.4);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:16px}.no-challenges svg{color:rgba(0,224,255,.2);margin-bottom:14px}.no-challenges h4{color:rgba(255,255,255,.6);margin-bottom:8px;font-weight:700}.modal-content{background:#14141c!important;border:1px solid rgba(0,224,255,.25)!important;color:#e5e5e5!important}.modal-header{border-bottom:1px solid rgba(0,224,255,.15)!important}.modal-footer{border-top:1px solid rgba(0,224,255,.15)!important}.modal-body .form-control,.modal-body .form-select{background:rgba(255,255,255,.04)!important;border:1px solid rgba(0,224,255,.2)!important;color:#e5e5e5!important;border-radius:8px!important}.modal-body .form-control:focus,.modal-body .form-select:focus{border-color:rgba(0,224,255,.4)!important;box-shadow:none!important}.modal-body .form-label{color:rgba(0,224,255,.8);font-weight:600;font-size:.85rem}.btn-close{filter:invert(1)!important}@media (max-width:768px){.hero-section{padding:40px 0 32px}.hero-title{font-size:1.8rem}.hero-description{font-size:.95rem}.stat-value{font-size:1.6rem}}