:root{--wc-primary:#0a2540;--wc-secondary:#00d4b2;--wc-accent-red:#ff3366;--wc-accent-blue:#0066ff;--wc-accent-gold:#ffc107;--wc-dark-bg:#030d1a;--wc-light-bg:#f8fafc;--wc-card-light:#ffffff;--wc-card-dark:#0a192f;--text-dark:#0f172a;--text-light:#f8fafc;--text-muted:#64748b;--border-color:#e2e8f0;--border-radius:12px;--transition-speed:0.3s}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--wc-light-bg);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.section-padding{padding:80px 0}.bg-dark-section{background-color:var(--wc-dark-bg);color:var(--text-light)}.card-custom{background-color:var(--wc-card-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);transition:all var(--transition-speed) ease}.card-custom:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1)}.btn-wc-primary{background-color:var(--wc-accent-blue);color:white;border-radius:30px;padding:10px 24px;font-weight:600;transition:all var(--transition-speed) ease}.btn-wc-primary:hover{background-color:#0052cc;color:white;box-shadow:0 4px 12px rgba(0,102,255,0.3)}.navbar-wc{background-color:rgba(10,37,64,0.95);backdrop-filter:blur(10px);border-bottom:2px solid var(--wc-secondary)}.navbar-wc .navbar-brand{font-weight:800;letter-spacing:0.5px}.navbar-wc .nav-link{color:rgba(255,255,255,0.85) !important;font-weight:500;margin:0 8px;transition:color var(--transition-speed)}.navbar-wc .nav-link:hover,.navbar-wc .nav-link.active{color:var(--wc-secondary) !important}#hero{position:relative;background:radial-gradient(circle at top right,#0c2b4e,#030d1a);color:var(--text-light);padding:120px 0 80px 0;overflow:hidden}#hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(3,13,26,0) 60%,rgba(3,13,26,1) 100%);z-index:1}.hero-container{position:relative;z-index:2}.hero-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:20px;background:linear-gradient(45deg,#ffffff,#00d4b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-image{border-radius:var(--border-radius);box-shadow:0 20px 40px rgba(0,0,0,0.5);border:3px solid rgba(255,255,255,0.1)}#scores{background:#020912;padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.1)}.score-slider-container{display:flex;overflow-x:auto;gap:20px;scrollbar-width:thin;padding-bottom:10px}.score-card{min-width:280px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--border-radius);padding:15px;color:var(--text-light);flex-shrink:0}.score-status{font-size:0.75rem;color:var(--wc-secondary);font-weight:600;text-transform:uppercase}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.group-card{background-color:var(--wc-card-light);border-top:4px solid var(--wc-accent-blue)}.group-header{background-color:#f1f5f9;padding:12px 16px;font-weight:700;border-bottom:1px solid var(--border-color)}.group-team-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px dashed var(--border-color)}.group-team-row:last-child{border-bottom:none}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.news-card-img{height:200px;object-fit:cover;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.guide-box{background-color:#ffffff;border-radius:var(--border-radius);padding:30px;height:100%;border-left:5px solid var(--wc-secondary)}.faq-item{border-bottom:1px solid var(--border-color);padding:20px 0}.faq-question{font-weight:600;font-size:1.1rem;cursor:pointer;position:relative;padding-right:30px}.faq-question::after{content:'\F282';font-family:'bootstrap-icons';position:absolute;right:0;top:50%;transform:translateY(-50%);transition:transform var(--transition-speed)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-speed) ease-out;color:var(--text-muted);margin-top:0}.faq-item.active .faq-answer{max-height:200px;margin-top:10px}.faq-item.active .faq-question::after{transform:translateY(-50%) rotate(180deg)}footer{background-color:#020813;color:#94a3b8;padding:60px 0 30px 0;font-size:0.9rem;border-top:4px solid var(--wc-accent-red)}footer a{color:#f8fafc;text-decoration:none;transition:color 0.2s}footer a:hover{color:var(--wc-secondary)}@media (max-width:991.98px){.hero-title{font-size:2.2rem}.section-padding{padding:60px 0}}@media (max-width:575.98px){.hero-title{font-size:1.8rem}}