.challenges-page{min-height:100vh;background:linear-gradient(135deg,#0E0E12,#1A1A2E 50%,#16213E);padding-bottom:4rem}.hero-section{background:linear-gradient(135deg,#1A1A2E,#0F3460);padding:6rem 0 4rem;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/img/hero-pattern.svg) repeat;opacity:.05}.hero-content{position:relative;z-index:1}.hero-icon{font-size:5rem;color:#00E0FF;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#00E0FF,#00FF88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.hero-description{font-size:1.3rem;color:#A0A0B2;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.stats-row{margin:3rem 0}.stat-card{background:rgba(0,224,255,.1);border:1px solid rgba(0,224,255,.3);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,224,255,.3);border-color:rgba(0,224,255,.6)}.stat-icon{font-size:2rem;color:#00E0FF;margin-bottom:.5rem}.stat-value{font-size:2.5rem;font-weight:800;color:#FFFFFF;margin-bottom:.25rem}.stat-label{font-size:.9rem;color:#A0A0B2;font-weight:600}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.btn-create-challenge{background:linear-gradient(135deg,#00E0FF,#0099CC);border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;border-radius:12px;transition:all .3s ease}.btn-create-challenge:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,224,255,.4)}.filters-section{background:rgba(0,0,0,.3);border:1px solid rgba(0,224,255,.2);border-radius:16px;padding:2rem;margin-top:3rem;margin-bottom:3rem}.filters-header{margin-bottom:1.5rem}.filters-header h5{color:#00E0FF;font-weight:700;margin:0}.filters-section .form-label{color:#A0A0B2;font-weight:600;font-size:.9rem;margin-bottom:.5rem}.filters-section .form-select{background:rgba(0,0,0,.5);border:1px solid rgba(0,224,255,.3);color:#FFFFFF;border-radius:8px;padding:.75rem;transition:all .3s ease}.filters-section .form-select:focus{background:rgba(0,0,0,.7);border-color:#00E0FF;box-shadow:0 0 0 .2rem rgba(0,224,255,.25);color:#FFFFFF}.filters-section .form-select option{background:#1A1A2E;color:#FFFFFF}.challenges-list{margin-top:3rem}.section-title{color:#FFFFFF;font-weight:800;font-size:2rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.section-title svg{color:#00E0FF}.challenge-card{background:rgba(0,0,0,.5);border:1px solid rgba(0,224,255,.3);border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden;height:100%}.challenge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00E0FF,#00FF88)}.challenge-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,224,255,.3);border-color:rgba(0,224,255,.6)}.official-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#FFD700,#FFA500);color:#0E0E12;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.5rem;z-index:2}.challenge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.challenge-title{color:#FFFFFF;font-weight:700;font-size:1.3rem;margin:0;flex:1 1;padding-right:1rem}.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:.75rem;margin-bottom:1.5rem;padding:.75rem;background:rgba(0,224,255,.1);border-radius:8px}.challenge-creator img{width:40px;height:40px;border-radius:50%;border:2px solid #00e0ff}.challenge-creator span{color:#00E0FF;font-weight:600}.challenge-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.detail-item{background:rgba(0,0,0,.5);padding:.5rem 1rem;border-radius:8px;color:#A0A0B2;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.detail-item svg{color:#00E0FF}.challenge-participants{margin-bottom:1rem}.participants-progress{height:8px;background:rgba(0,0,0,.5);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-bar{height:100%;background:linear-gradient(90deg,#00E0FF,#00FF88);transition:width .3s ease}.participants-text{color:#A0A0B2;font-size:.9rem;font-weight:600}.challenge-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,224,255,.2)}.challenge-stats{display:flex;justify-content:space-between;color:#A0A0B2;font-size:.85rem}.challenge-stats span{display:flex;align-items:center;gap:.5rem}.challenge-stats svg{color:#00E0FF}.no-challenges{text-align:center;padding:5rem 2rem;color:#A0A0B2}.no-challenges svg{color:#00E0FF;margin-bottom:1.5rem;opacity:.5}.no-challenges h4{color:#FFFFFF;margin-bottom:1rem}.modal-header-custom{background:linear-gradient(135deg,#1A1A2E,#0F3460);border-bottom:2px solid #00e0ff}.modal-header-custom .modal-title{color:#FFFFFF;font-weight:700}.modal-header-custom .btn-close{filter:invert(1)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.stats-row{margin:2rem 0}.stat-value{font-size:2rem}.filters-section{padding:1.5rem}.section-title{font-size:1.5rem}}