@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_bace89c4-module__09p2wq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_bace89c4-module__09p2wq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/9ff27b8a0a8f3dc0-s.p.40_3w74kn95bo.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/a5b03b231ce290a0-s.0nlsxckj73qpt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/d41831e24743a3c1-s.08tn9snzkmifr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo Fallback;src:local(Arial);ascent-override:137.65%;descent-override:60.32%;line-gap-override:0.0%;size-adjust:94.66%}.cairo_84055613-module__2ZIgKq__className{font-family:Cairo,Cairo Fallback;font-style:normal}.cairo_84055613-module__2ZIgKq__variable{--font-cairo:"Cairo", "Cairo Fallback"}
:root{--color-primary-dark:#26445f;--color-primary-light:#cdc2af;--color-secondary-gray:#939598;--color-accent-blue:#4e8ec3;--color-accent-green:#657356;--color-surface-light:#ebebec;--color-surface-white:#fff;--color-text-primary:#1a1a1a;--color-text-secondary:#26445f;--color-text-muted:#939598;--color-text-inverse:#fff;--color-border:#ebebec;--color-border-hover:#cdc2af;--color-success:#657356;--color-warning:#d4a843;--color-error:#e4002b;--gradient-hero:linear-gradient(135deg, #26445f 0%, #1a2f45 100%);--gradient-card:linear-gradient(145deg, #fff 0%, #f8f8f8 100%);--gradient-blue:linear-gradient(135deg, #26445f 0%, #4e8ec3 100%);--font-heading:"Helvetica Neue", Arial, sans-serif;--font-body:"Helvetica Neue", Arial, sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;--fs-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #26445f0d;--shadow-md:0 4px 6px -1px #26445f1a, 0 2px 4px -1px #26445f0f;--shadow-lg:0 10px 15px -3px #26445f1a, 0 4px 6px -2px #26445f0d;--shadow-xl:0 20px 25px -5px #26445f1a, 0 10px 10px -5px #26445f0a;--shadow-glow-red:none;--shadow-glow-gold:none;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--color-text-primary);background-color:var(--color-surface-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}a{color:var(--color-primary-dark);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-blue)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary-dark);font-weight:700;line-height:1.2}h1{font-size:var(--fs-5xl);font-weight:800}h2{font-size:var(--fs-4xl)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-light)}::-webkit-scrollbar-thumb{background:var(--color-secondary-gray);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.container{width:100%;max-width:1280px;padding:0 var(--space-6);margin:0 auto}.container-narrow{max-width:640px;padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-20) 0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{margin-bottom:var(--space-4)}.section-header p{color:var(--color-text-muted);font-size:var(--fs-lg);max-width:600px;margin:0 auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:.5s forwards fadeIn}.animate-fadeInUp{animation:.6s forwards fadeInUp}.animate-slideInLeft{animation:.5s forwards slideInLeft}.animate-slideInRight{animation:.5s forwards slideInRight}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:600;font-size:var(--fs-base);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;line-height:1.4;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary-dark);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-surface-white);color:var(--color-primary-dark);border:1px solid var(--color-border-hover)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-light);border-color:var(--color-primary-dark);transform:translateY(-1px)}.btn-gold{color:#1a2e00;letter-spacing:.02em;background:#a9df00;font-weight:800;box-shadow:0 4px 16px #a9df0066}.btn-gold:hover:not(:disabled){background:#96c900;transform:translateY(-2px);box-shadow:0 6px 22px #a9df008c}.btn-ghost{color:var(--color-text-muted);padding:var(--space-2) var(--space-4);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--color-primary-dark);background:#0000000d}.btn-sm{font-size:var(--fs-sm);padding:var(--space-2) var(--space-4)}.btn-lg{font-size:var(--fs-lg);padding:var(--space-4) var(--space-8)}.btn-xl{font-size:var(--fs-xl);padding:var(--space-5) var(--space-10)}.form-group{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.form-label{font-size:var(--fs-sm);color:var(--color-text-secondary);letter-spacing:.02em;font-weight:500}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--fs-base);transition:all var(--transition-base);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-accent-blue);background:var(--color-surface-white);box-shadow:0 0 0 3px #4e8ec326}.form-input.error{border-color:var(--color-error)}.form-error{font-size:var(--fs-xs);color:var(--color-error)}.form-select{appearance:none;padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238899B4' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.form-select option{color:#111;background:#fff}.card{background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-md)}.card-highlighted{border-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.card-glass{background:var(--gradient-glass);-webkit-backdrop-filter:blur(30px);border:1px solid #ffffff1a}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-flex}.badge-red{color:var(--color-primary-dark);background:#26445f1a}.badge-gold{color:var(--color-primary-dark);background:#cdc2af4d}.badge-green{color:var(--color-accent-green);background:#65735626}.badge-muted{color:var(--color-text-muted);background:#93959826}.modal-backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);padding:var(--space-6);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:80vh;box-shadow:var(--shadow-xl);animation:.25s scaleIn;overflow-y:auto}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--fs-xl)}.modal-close{color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{color:var(--color-white);background:#ffffff1a}.modal-body{padding:var(--space-6)}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:40px;height:40px}.skeleton{background:linear-gradient(90deg, var(--color-surface-light) 25%, var(--color-surface-dark) 50%, var(--color-surface-light) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.loading-page{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:60vh;display:flex}.header{z-index:var(--z-sticky);background:var(--color-surface-white);border-bottom:1px solid var(--color-border);position:sticky;top:0}.header-inner{max-width:1280px;height:70px;padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header-logo{align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-weight:800;font-size:var(--fs-xl);color:var(--color-primary-dark);text-decoration:none;display:flex}.header-logo svg{width:32px;height:32px;color:var(--color-primary-dark)}.header-nav{align-items:center;gap:var(--space-8);display:flex}.header-nav a{color:var(--color-text-muted);font-weight:500;font-size:var(--fs-sm);transition:color var(--transition-fast);text-decoration:none}.header-nav a:hover,.header-nav a.active{color:var(--color-primary-dark)}.header-actions{align-items:center;gap:var(--space-3);display:flex}.mobile-menu-btn{color:var(--color-primary-dark);cursor:pointer;padding:var(--space-2);background:0 0;border:none;display:none}.hero-new{background:var(--color-surface-dark);height:60vh;min-height:450px;display:flex;position:relative;overflow:hidden}.hero-new-bg{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-bg-desktop{display:block}.hero-bg-mobile{display:none}@media (max-width:768px){.hero-bg-desktop{display:none}.hero-bg-mobile{display:block}}.hero-bg-rtl{transform:scaleX(-1)}.hero-new-overlay{z-index:1;background:#0006;position:absolute;inset:0}.hero-new-left{z-index:2;justify-content:center;align-items:center;width:45%;height:100%;display:flex;position:relative}.hero-left-svg{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-left-content{z-index:2;padding-left:var(--space-8);padding-right:var(--space-8);flex-direction:column;align-items:flex-start;margin-top:-120px;display:flex;position:relative}.hero-left-text{color:#fff;margin-bottom:var(--space-6);letter-spacing:.05em;text-align:start;font-size:clamp(2rem,3.5vw,3rem);font-weight:900;line-height:1.1}.hero-logo-container{align-items:center;display:flex}.hero-logo-placeholder{text-align:center;background:#fff;border-radius:8px;padding:8px 16px;display:inline-block;box-shadow:0 4px 10px #0003}.hero-new-right{z-index:2;width:55%;height:100%;padding:var(--space-8) clamp(32px, 6vw, 80px) var(--space-8) var(--space-8);justify-content:center;align-items:center;display:flex;position:relative}.hero-right-content{color:#fff;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:520px;display:flex}.hero-subtitle{color:#fff;letter-spacing:.1em;margin-bottom:var(--space-2);text-transform:uppercase;font-size:1.25rem;font-weight:700}.hero-title{color:#fff;margin-bottom:var(--space-4);text-shadow:0 4px 12px #0000004d;font-size:clamp(4rem,8vw,6.5rem);font-weight:900;line-height:1}.hero-desc{color:#ffffffe6;margin-bottom:var(--space-6);max-width:500px;font-size:1rem;font-weight:500;line-height:1.5}.hero-actions{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.btn-predict{color:#fff;font-family:var(--font-heading);background:#e4002b;border-radius:30px;padding:12px 48px;font-size:1.25rem;font-weight:800;text-decoration:none;transition:transform .2s,background .2s;box-shadow:0 4px 12px #e4002b66}.btn-predict:hover{color:#fff;background:#c40024;transform:translateY(-2px)}.link-leaderboard{color:#fff;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:600;text-decoration:underline;transition:color .2s}.link-leaderboard:hover{color:#c4ff00}@media (max-width:1024px){.hero-new-left{display:none!important}.hero-new{flex-direction:column;height:auto;min-height:400px}.hero-new-right{width:100%;min-height:400px;padding:24px 16px}.hero-right-content{max-width:400px}.hero-subtitle{letter-spacing:.08em;font-size:.8rem}.hero-title{margin-bottom:12px;font-size:clamp(2.2rem,10vw,3.4rem)}.hero-desc{max-width:360px;margin-bottom:20px;font-size:.85rem}.btn-predict{padding:10px 28px;font-size:.9rem}.link-leaderboard{font-size:.72rem}}.groups-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.group-card{background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm);overflow:hidden}.group-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.group-card-header{padding:var(--space-3) var(--space-4);background:var(--color-primary-dark);border-bottom:1px solid var(--color-border);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-sm);color:var(--color-surface-white);letter-spacing:.1em;text-transform:uppercase}.group-card-body{padding:var(--space-3) var(--space-4)}.group-team-row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.group-team-row+.group-team-row{border-top:1px solid var(--color-border)}.team-flag{object-fit:cover;border-radius:3px;width:28px;height:20px;box-shadow:0 1px 3px #0000004d}.team-flag-sm{width:22px;height:16px}.team-flag-lg{width:40px;height:28px}.team-name{font-size:var(--fs-sm);color:var(--color-text-secondary);font-weight:500}.bracket-container{width:100%;padding:var(--space-8) 0;-webkit-overflow-scrolling:touch;overflow-x:auto}.bracket-tree{min-width:1400px;padding:var(--space-4);align-items:stretch;gap:0;display:flex}.bracket-round{justify-content:space-around;gap:var(--space-4);min-width:200px;padding:0 var(--space-2);flex-direction:column;display:flex}.bracket-round-title{text-align:center;font-family:var(--font-heading);font-weight:700;font-size:var(--fs-sm);color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.1em;padding-bottom:var(--space-4);border-bottom:2px solid var(--color-primary-dark);margin-bottom:var(--space-4)}.match-slot{background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;min-width:180px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.match-slot:hover:not(.match-slot-locked){border-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.match-slot-locked{opacity:.7;cursor:not-allowed}.match-slot-locked:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238899B4'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM12 17c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E");background-size:contain;width:16px;height:16px;position:absolute;top:8px;right:8px}.match-slot-wrapper{flex-direction:column;gap:2px;display:flex}.match-number-label{color:var(--color-text-muted);letter-spacing:.05em;padding-left:4px;font-size:10px;font-weight:700}.match-number{display:none}.match-team{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:background var(--transition-fast);min-height:36px;display:flex}.match-team:first-child{border-bottom:1px solid var(--color-border)}.match-team-info{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex;overflow:hidden}.match-team.winner{background:#00a6511a}.match-team.selected{border-left:3px solid var(--color-gold);background:#d4a8431a}.match-team-winner{border-left:3px solid var(--color-gold);background:#d4a8431f!important}.match-team-empty{color:var(--color-text-muted);font-style:italic;font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.match-team-name{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.match-score-input{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:34px;min-width:34px;height:28px;color:var(--color-white);font-size:var(--fs-sm);-moz-appearance:textfield;background:#ffffff14;outline:none;flex-shrink:0;font-weight:600}.match-score-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.match-score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.match-score-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 2px #d4a84333}.match-score-input:disabled{opacity:.4;cursor:not-allowed}.team-selector-search{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.team-selector-list{max-height:360px;overflow-y:auto}.team-selector-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);width:100%;color:var(--color-text-primary);text-align:left;font-family:var(--font-body);background:0 0;border:none;display:flex}.team-selector-item:hover{background:#ffffff0d}.team-selector-item.selected{border-left:3px solid var(--color-gold);background:#d4a8431f}.team-selector-group{font-size:var(--fs-xs);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#ffffff0d}.leaderboard-table{border-collapse:separate;border-spacing:0;width:100%}.leaderboard-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);font-weight:600}.leaderboard-table td{padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);border-bottom:1px solid var(--color-border);vertical-align:middle}.leaderboard-table tr:hover td{background:#ffffff05}.rank-badge{border-radius:var(--radius-full);width:32px;height:32px;font-weight:700;font-size:var(--fs-sm);justify-content:center;align-items:center;display:inline-flex}.rank-1{color:#1a1a1a;background:linear-gradient(135deg,gold,#b8860b)}.rank-2{color:#1a1a1a;background:linear-gradient(135deg,silver,gray)}.rank-3{color:#fff;background:linear-gradient(135deg,#cd7f32,#8b4513)}.points-display{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-lg);color:var(--color-gold)}.otp-container{gap:var(--space-3);justify-content:center;display:flex}.otp-input{text-align:center;width:52px;height:60px;font-size:var(--fs-2xl);font-weight:700;font-family:var(--font-heading);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-white);transition:all var(--transition-base);caret-color:var(--color-gold);background:#ffffff0d;outline:none}.otp-input:focus{border-color:var(--color-gold);background:#ffffff14;box-shadow:0 0 0 3px #d4a84326}.footer{background:var(--color-surface-dark);border-top:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-8)}.footer-grid{gap:var(--space-10);margin-bottom:var(--space-8);grid-template-columns:2fr 1fr 1fr;display:grid}.footer-brand h3{font-size:var(--fs-xl);margin-bottom:var(--space-3)}.footer-brand p{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:1.7}.footer-links h4{font-size:var(--fs-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.footer-links a{color:var(--color-text-secondary);font-size:var(--fs-sm);padding:var(--space-1) 0;transition:color var(--transition-fast);display:block}.footer-links a:hover{color:var(--color-gold)}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--fs-xs);justify-content:space-between;align-items:center;display:flex}.admin-layout{grid-template-columns:260px 1fr;min-height:calc(100vh - 70px);display:grid}.admin-sidebar{background:var(--color-surface-dark);border-right:1px solid var(--color-border);padding:var(--space-6)}.admin-sidebar-nav{gap:var(--space-1);flex-direction:column;display:flex}.admin-sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--fs-sm);transition:all var(--transition-fast);cursor:pointer;text-align:left;width:100%;font-weight:500;font-family:var(--font-body);background:0 0;border:none;text-decoration:none;display:flex}.admin-sidebar-link:hover,.admin-sidebar-link.active{color:var(--color-white);background:#ffffff0d}.admin-sidebar-link.active{border-left:3px solid var(--color-primary-red)}.admin-main{padding:var(--space-8);overflow-y:auto}.admin-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.stat-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-card-value{font-family:var(--font-heading);font-size:var(--fs-3xl);color:var(--color-white);font-weight:800}.stat-card-label{font-size:var(--fs-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.data-table{border-collapse:separate;border-spacing:0;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;overflow:hidden}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:#0003;font-weight:600}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);border-bottom:1px solid var(--color-border)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.toggle{border-radius:var(--radius-full);background:var(--color-surface-light);cursor:pointer;width:48px;height:26px;transition:background var(--transition-base);border:none;position:relative}.toggle.active{background:var(--color-primary-red)}.toggle:after{content:"";width:20px;height:20px;transition:transform var(--transition-base);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle.active:after{transform:translate(22px)}.scoring-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.scoring-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;transition:all var(--transition-base);border-left:3px solid #5f27e4;position:relative;overflow:hidden}.scoring-card:before{content:"";opacity:0;background:linear-gradient(90deg,#5f27e4,#a9df00);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.scoring-card:hover{border-color:#a9df00;transform:translateY(-4px);box-shadow:0 8px 24px #a9df0026}.scoring-card:hover:before{opacity:1}.scoring-card:last-child{border-left-color:#e4002b}.scoring-card:nth-last-child(2){border-left-color:#a9df00}.scoring-round{font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.scoring-points{font-family:var(--font-heading);font-size:var(--fs-3xl);color:#a9df00;font-weight:800}.scoring-label{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.steps-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.step-card{text-align:center;padding:var(--space-8) var(--space-6);border-top:3px solid #0000;transition:all .3s}.step-card:first-child{border-top-color:#a9df00}.step-card:nth-child(2){border-top-color:#5f27e4}.step-card:nth-child(3){border-top-color:#e4002b}.step-number{border-radius:var(--radius-full);width:56px;height:56px;font-family:var(--font-heading);font-weight:900;font-size:var(--fs-xl);color:#0a1628;margin-bottom:var(--space-5);justify-content:center;align-items:center;display:inline-flex}.step-card:first-child .step-number{color:#1a2e00;background:#a9df00;box-shadow:0 4px 18px #a9df0080}.step-card:nth-child(2) .step-number{color:#fff;background:#5f27e4;box-shadow:0 4px 18px #5f27e480}.step-card:nth-child(3) .step-number{color:#fff;background:#e4002b;box-shadow:0 4px 18px #e4002b80}.step-card h3{margin-bottom:var(--space-3);font-size:var(--fs-xl)}.step-card p{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:1.7}.thank-you-icon{width:80px;height:80px;color:var(--color-green);margin:0 auto var(--space-6);animation:.5s scaleIn}.prediction-summary{gap:var(--space-3);margin-top:var(--space-6);display:grid}.prediction-summary-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff08;justify-content:space-between;align-items:center;display:flex}@media (max-width:768px){h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}.header-nav{display:none}.mobile-menu-btn{display:flex}.hero{min-height:80vh}.hero-content{padding:var(--space-4)}.footer-grid{gap:var(--space-6);grid-template-columns:1fr}.footer-bottom{gap:var(--space-3);text-align:center;flex-direction:column}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.otp-input{width:44px;height:52px;font-size:var(--fs-xl)}.bracket-tree{min-width:1200px}.steps-grid{grid-template-columns:1fr}.scoring-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.hero h1{font-size:var(--fs-2xl)}.otp-input{width:38px;height:46px;font-size:var(--fs-lg)}.stats-grid,.scoring-grid{grid-template-columns:1fr}}.mobile-nav-overlay{z-index:var(--z-modal-backdrop);background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.mobile-nav{background:var(--color-surface-white);border-left:1px solid var(--color-border);width:280px;height:100vh;z-index:var(--z-modal);padding:var(--space-6);gap:var(--space-2);flex-direction:column;animation:.3s slideInRight;display:flex;position:fixed;top:0;right:0}.mobile-nav a{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-size:var(--fs-lg);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:block}.mobile-nav a:hover{background:var(--color-surface-light);color:var(--color-primary-dark)}.legal-content{max-width:800px;padding:var(--space-12) var(--space-6);margin:0 auto}.legal-content h1{margin-bottom:var(--space-8);font-size:var(--fs-4xl)}.legal-content h2{margin-top:var(--space-8);margin-bottom:var(--space-4);font-size:var(--fs-xl);color:var(--color-gold)}.legal-content p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:1.8}.legal-content ul{margin-bottom:var(--space-4);padding-left:var(--space-6);color:var(--color-text-secondary)}.legal-content li{margin-bottom:var(--space-2);line-height:1.7}.bracket-scroll-hint{text-align:center;padding:var(--space-3);color:var(--color-text-muted);font-size:var(--fs-sm);gap:var(--space-2);justify-content:center;align-items:center;display:none}@media (max-width:1024px){.bracket-scroll-hint{display:flex}}.partners-banner{background:var(--color-primary-dark);padding:var(--space-4) 0;border-top:1px solid var(--color-border)}.partners-grid{justify-content:center;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.partner-logo{object-fit:contain;filter:brightness(0)invert();opacity:.8;max-width:150px;max-height:40px;transition:opacity var(--transition-fast)}.partner-logo:hover{opacity:1}.team-row:hover{background:var(--color-surface-hover,#0000000d)}.podium-container{justify-content:center;align-items:flex-end;gap:var(--space-4);margin:var(--space-8) 0;display:flex}.podium-column{flex-direction:column;align-items:center;width:30%;max-width:180px;display:flex}.podium-avatar{flex-direction:column;align-items:center;display:flex}.podium-box{background:var(--color-primary-dark);color:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;padding-top:var(--space-4);box-shadow:var(--shadow-md);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.leaderboard-list{gap:var(--space-2);flex-direction:column;display:flex}.leaderboard-list-header{padding:0 var(--space-4);color:var(--color-text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-2);grid-template-columns:60px 1fr 1fr 100px;font-weight:600;display:grid}.leaderboard-row{background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);grid-template-columns:60px 1fr 1fr 100px;align-items:center;display:grid;box-shadow:0 1px 3px #00000005}@media (max-width:600px){.leaderboard-list-header,.leaderboard-row{grid-template-columns:40px 1fr 80px}.hide-mobile{display:none}}body{font-family:var(--font-inter), sans-serif}html[dir=rtl] body{font-family:var(--font-cairo), sans-serif}.auth-banner{z-index:9999;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--fs-sm);font-weight:500;animation:.35s slideDown;display:flex;position:fixed;top:0;left:0;right:0}.auth-banner-error{background:var(--color-primary-red);color:#fff}.auth-banner-info{color:#d6eaf8;background:#1a5276}.auth-banner-success{color:#d4edda;background:#1e7e34}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-muted);font-size:var(--fs-sm);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-sm);margin-bottom:var(--space-4);font-weight:500}.alert-error{color:var(--color-primary-red);background:#e4002b14;border:1px solid #e4002b4d}.alert-success{color:#1e7e34;background:#1e7e3414;border:1px solid #1e7e344d}.auth-page{min-height:80vh;padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg)}