body{margin:0;padding:0}#root{width:100%;min-height:100vh}:root{--navy: #0C1B33;--navy-mid: #132040;--navy-light: #1A2E54;--gold: #C9913A;--gold-light: #E5B95A;--gold-pale: #F5E4C0;--white: #FFFFFF;--off-white: #F7F4EE;--gray-100: #F0EDE8;--gray-200: #D9D3C9;--gray-400: #9B9186;--gray-600: #5C554D;--text-dark: #1A1410;--text-body: #3D3530;--red: #C0392B;--green: #27AE60;--radius: 4px;--radius-lg: 12px;--shadow-sm: 0 2px 8px rgba(12,27,51,.08);--shadow-md: 0 8px 32px rgba(12,27,51,.14);--shadow-lg: 0 20px 60px rgba(12,27,51,.2);--transition: all .3s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Cairo,sans-serif;background:var(--off-white);color:var(--text-body);direction:rtl;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}.top-bar{background:var(--navy);color:#ffffffbf;font-size:.8rem;padding:6px 0;border-bottom:1px solid rgba(201,145,58,.2)}.top-bar .container{display:flex;justify-content:space-between;align-items:center;gap:12px}.top-bar-social a{color:#fff9;margin-left:14px;transition:var(--transition);font-size:.85rem}.top-bar-social a:hover{color:var(--gold)}.top-bar-info{display:flex;gap:18px;align-items:center}.top-bar-info span{display:flex;align-items:center;gap:6px}.top-bar-info i{color:var(--gold);font-size:.75rem}.ticker-wrap{overflow:hidden;flex:1;max-width:500px;direction:ltr}.ticker-content{display:inline-block;white-space:nowrap;animation:ticker 70s linear infinite}.ticker-content:hover{animation-play-state:paused}.ticker-label{background:var(--gold);color:var(--navy);font-weight:800;padding:2px 10px;border-radius:3px;margin-left:12px;font-size:.75rem;direction:rtl}@keyframes ticker{0%{transform:translate(-100%)}to{transform:translate(100vw)}}.header{background:var(--navy);position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #0000004d}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0;gap:20px}.logo{display:flex;align-items:center;gap:14px;padding:14px 0;flex-shrink:0}.logo-emblem{width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--gold) 0deg,var(--gold-light) 90deg,var(--gold) 180deg,#a07020 270deg,var(--gold) 360deg);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 0 3px #c9913a4d}.logo-emblem:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center}.logo-emblem span{position:relative;z-index:1;font-family:Tajawal,sans-serif;font-size:1.4rem;font-weight:900;color:var(--gold-light);letter-spacing:-1px}.logo-text h1{font-size:1.25rem;font-weight:800;color:var(--white);line-height:1.1}.logo-text p{font-size:.72rem;color:var(--gold-light);font-weight:500;letter-spacing:1px}.main-nav ul{display:flex;list-style:none;gap:0;align-items:stretch}.main-nav>ul>li{position:relative}.main-nav>ul>li>a{display:flex;align-items:center;gap:6px;padding:22px 16px;color:#ffffffd9;font-size:.88rem;font-weight:600;transition:var(--transition);white-space:nowrap;border-bottom:3px solid transparent;position:relative}.main-nav>ul>li>a i{font-size:.7rem;opacity:.6}.main-nav>ul>li>a:hover,.main-nav>ul>li.active>a{color:var(--gold-light);border-bottom-color:var(--gold)}.dropdown-menu{position:absolute;top:calc(100% + 0px);right:0;min-width:220px;background:var(--navy-light);border-top:3px solid var(--gold);box-shadow:var(--shadow-lg);border-radius:0 0 8px 8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--transition);z-index:200}.main-nav>ul>li:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:flex;align-items:center;gap:10px;padding:10px 18px;color:#fffc;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.06);transition:var(--transition)}.dropdown-menu a:hover{color:var(--gold-light);background:#c9913a14;padding-right:26px}.dropdown-menu a i{color:var(--gold);width:16px;font-size:.8rem}.mega-dropdown{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));min-width:500px;max-width:760px;padding:12px;gap:4px;right:auto;left:0}.mega-sport-group{padding:6px 4px}.mega-sport-title{display:flex!important;align-items:center;gap:8px;font-weight:700!important;color:var(--gold)!important;font-size:.88rem!important;padding:6px 8px!important;border-bottom:1px solid rgba(201,145,58,.25)!important;margin-bottom:4px}.mega-sport-title:hover{background:#c9913a1a!important;padding-right:8px!important}.mega-sport-link{display:flex!important;align-items:center;gap:8px;padding:5px 8px 5px 0!important;color:#ffffffb3!important;font-size:.8rem!important;border-bottom:none!important}.mega-sport-link:hover{color:var(--gold-light)!important;background:#c9913a0f!important;padding-right:12px!important}.mega-sport-link i{color:var(--gold);width:14px;font-size:.75rem}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn-join{background:var(--gold);color:var(--navy);font-weight:800;padding:10px 20px;border-radius:4px;font-size:.85rem;transition:var(--transition);border:none;cursor:pointer;font-family:Cairo,sans-serif;white-space:nowrap}.btn-join:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 4px 16px #c9913a66}.btn-search{background:none;border:none;color:#ffffffb3;font-size:1.1rem;cursor:pointer;padding:8px;transition:var(--transition)}.btn-search:hover{color:var(--gold)}.menu-toggle{display:none;background:none;border:none;color:var(--white);font-size:1.4rem;cursor:pointer;padding:8px}.hero{position:relative;height:60vh;min-height:420px;max-height:620px;overflow:hidden;background:var(--navy)}.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;background-size:100% auto;background-position:center;background-repeat:no-repeat}.slide.active{opacity:1}.slide-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0c1b33e0,#0c1b3380,#0c1b3333)}.slide-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 8%;max-width:680px}.slide-tag{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:var(--navy);font-weight:800;padding:4px 14px;border-radius:3px;font-size:.75rem;margin-bottom:14px;width:fit-content;letter-spacing:.5px}.slide-title{font-size:clamp(1.6rem,4vw,2.8rem);font-weight:900;color:var(--white);line-height:1.15;margin-bottom:14px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.slide-desc{font-size:.95rem;color:#fffc;margin-bottom:24px;line-height:1.7;max-width:500px}.slide-btns{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{background:var(--gold);color:var(--navy);font-weight:800;padding:12px 28px;border-radius:4px;font-size:.9rem;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:Cairo,sans-serif}.btn-primary:hover{background:var(--gold-light);color:var(--navy);transform:translateY(-2px);box-shadow:0 6px 20px #c9913a66}.btn-outline{background:transparent;color:var(--white);font-weight:700;padding:12px 28px;border-radius:4px;font-size:.9rem;border:2px solid rgba(255,255,255,.5);transition:var(--transition);display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:Cairo,sans-serif}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.slide-controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.slide-dot{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:var(--transition)}.slide-dot.active{background:var(--gold);width:28px;border-radius:4px}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:var(--white);width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:1rem}.slide-arrow:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}.slide-arrow.prev{right:20px}.slide-arrow.next{left:20px}.scorebar{background:var(--navy-mid);border-top:1px solid rgba(201,145,58,.3);overflow:hidden}.scorebar-inner{display:flex;align-items:stretch}.scorebar-label{background:var(--gold);color:var(--navy);font-weight:900;padding:10px 20px;font-size:.82rem;white-space:nowrap;display:flex;align-items:center;gap:8px;flex-shrink:0}.scorebar-label i{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.scores-list{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:none}.scores-list::-webkit-scrollbar{display:none}.score-item{display:flex;align-items:center;gap:14px;padding:8px 20px;border-left:1px solid rgba(255,255,255,.06);white-space:nowrap;color:#ffffffd9;font-size:.82rem;flex-shrink:0}.score-item .teams{font-weight:700;color:var(--white)}.score-item .result{background:var(--navy-light);padding:3px 10px;border-radius:3px;font-weight:800;color:var(--gold-light)}.score-item .match-time{color:var(--gold);font-size:.72rem;font-weight:600}.container{max-width:1280px;margin:0 auto;padding:0 24px}.container-fluid{width:100%;padding:0 24px}.section{padding:64px 0}.section-alt{background:var(--white)}.section-dark{background:var(--navy);color:var(--white)}.section-navy{background:var(--navy-mid)}.section-header{margin-bottom:40px}.section-tag{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-weight:700;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.section-tag:before{content:"";width:28px;height:2px;background:var(--gold)}.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:900;color:var(--text-dark);line-height:1.2}.section-dark .section-title,.section-navy .section-title{color:var(--white)}.section-header.centered{text-align:center}.section-header.centered .section-tag{justify-content:center}.section-header.flex{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.view-all{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-weight:700;font-size:.85rem;border-bottom:1px solid transparent;transition:var(--transition);white-space:nowrap}.view-all:hover{border-bottom-color:var(--gold)}.news-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter-btn{padding:7px 18px;border-radius:20px;font-size:.82rem;font-weight:600;border:1.5px solid var(--gray-200);background:transparent;cursor:pointer;color:var(--gray-600);transition:var(--transition);font-family:Cairo,sans-serif}.filter-btn:hover,.filter-btn.active{background:var(--navy);color:var(--gold-light);border-color:var(--navy)}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.news-card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--gray-100);display:flex;flex-direction:column}.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.news-card-img{position:relative;height:190px;overflow:hidden;background:var(--gray-200)}.news-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.news-card:hover .news-card-img img{transform:scale(1.06)}.news-cat{position:absolute;bottom:10px;right:10px;background:var(--gold);color:var(--navy);font-weight:800;font-size:.72rem;padding:3px 10px;border-radius:3px}.news-cat.alert{background:var(--red);color:var(--white)}.news-cat.event{background:var(--navy-light);color:var(--gold-light)}.news-body{padding:18px;flex:1;display:flex;flex-direction:column}.news-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px}.news-date{color:var(--gray-400);font-size:.76rem;display:flex;align-items:center;gap:5px}.news-date i{color:var(--gold)}.news-views{color:var(--gray-400);font-size:.76rem;display:flex;align-items:center;gap:5px}.news-card h3{font-size:.97rem;font-weight:700;line-height:1.5;color:var(--text-dark);margin-bottom:10px;flex:1}.news-card h3 a:hover{color:var(--gold)}.news-card p{font-size:.83rem;color:var(--gray-600);line-height:1.6}.news-card-footer{padding:12px 18px;border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center}.read-more{color:var(--gold);font-weight:700;font-size:.82rem;display:flex;align-items:center;gap:5px;transition:var(--transition)}.read-more:hover{gap:10px}.news-featured{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;min-height:280px}.news-featured .news-card-img{height:auto;min-height:260px}.news-featured .news-body{padding:28px 24px;justify-content:center}.news-featured h3{font-size:1.3rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.event-card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);display:flex;flex-direction:column;border:1px solid var(--gray-100)}.event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.event-img{height:200px;background:var(--navy-light);overflow:hidden;position:relative}.event-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.event-card:hover .event-img img{transform:scale(1.05)}.event-date-badge{position:absolute;top:14px;right:14px;background:var(--gold);color:var(--navy);padding:8px 14px;border-radius:6px;text-align:center;min-width:56px}.event-date-badge .day{font-size:1.5rem;font-weight:900;line-height:1}.event-date-badge .month{font-size:.7rem;font-weight:700}.event-body{padding:20px;flex:1;display:flex;flex-direction:column}.event-card h3{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:10px;line-height:1.4}.event-info{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.event-info span{font-size:.8rem;color:var(--gray-400);display:flex;align-items:center;gap:5px}.event-info i{color:var(--gold)}.event-card p{font-size:.83rem;color:var(--gray-600);line-height:1.6;flex:1;margin-bottom:16px}.membership-section{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%)}.membership-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;position:relative}.membership-steps:before{content:"";position:absolute;top:40px;right:10%;left:10%;height:2px;background:linear-gradient(to left,var(--gold),rgba(201,145,58,.2));z-index:0}.step-card{position:relative;text-align:center;padding:32px 20px;z-index:1}.step-num{width:64px;height:64px;border-radius:50%;margin:0 auto 16px;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900;color:var(--navy);box-shadow:0 0 0 6px #c9913a26}.step-card h4{color:var(--white);font-weight:800;margin-bottom:8px}.step-card p{color:#ffffffa6;font-size:.83rem;line-height:1.6}.membership-docs{background:#ffffff0d;border-radius:12px;padding:28px;margin-top:32px}.membership-docs h4{color:var(--gold-light);font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:8px}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.doc-item{display:flex;align-items:center;gap:10px;color:#fffc;font-size:.85rem;padding:10px 14px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.doc-item i{color:var(--gold)}.president-card{background:linear-gradient(135deg,var(--navy),var(--navy-light));border-radius:12px;padding:40px;display:flex;align-items:center;gap:36px;margin-bottom:36px;border:1px solid rgba(201,145,58,.3);position:relative;overflow:hidden}.president-card:before{content:"";position:absolute;top:-50px;left:-50px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(201,145,58,.1) 0%,transparent 70%)}.president-avatar{width:130px;height:130px;border-radius:50%;flex-shrink:0;background:var(--navy-light);overflow:hidden;border:4px solid var(--gold);box-shadow:0 0 30px #c9913a40}.president-avatar img{width:100%;height:100%;object-fit:cover}.president-info .title{color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.president-info h3{color:var(--white);font-size:1.6rem;font-weight:900;margin-bottom:8px}.president-info p{color:#ffffffb3;font-size:.9rem;line-height:1.7}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.board-card{background:var(--white);border-radius:10px;padding:24px 16px;text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--gray-100)}.board-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold-pale)}.board-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 12px;background:var(--gray-200);overflow:hidden;border:3px solid var(--gold-pale)}.board-avatar img{width:100%;height:100%;object-fit:cover}.board-card h5{font-weight:800;color:var(--text-dark);margin-bottom:4px;font-size:.92rem}.board-card span{font-size:.78rem;color:var(--gold);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2px}.stat-item{text-align:center;padding:40px 20px;background:#ffffff0a;border:1px solid rgba(201,145,58,.1);transition:var(--transition)}.stat-item:hover{background:#c9913a0f}.stat-num{font-size:3rem;font-weight:900;color:var(--gold-light);line-height:1;margin-bottom:8px;font-family:Tajawal,sans-serif}.stat-label{color:#fff9;font-size:.85rem}.football-section{background:var(--navy);position:relative;overflow:hidden}.football-section:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(201,145,58,.05) 0%,transparent 70%)}.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.match-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:20px;transition:var(--transition)}.match-card:hover{background:#c9913a14;border-color:#c9913a4d}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.match-comp{font-size:.75rem;color:var(--gold);font-weight:700}.match-date{font-size:.75rem;color:#ffffff80}.match-teams{display:flex;align-items:center;gap:12px;justify-content:center}.match-team{text-align:center;flex:1}.match-team-logo{width:48px;height:48px;border-radius:50%;background:#ffffff1a;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.match-team h5{font-size:.82rem;font-weight:700;color:var(--white);line-height:1.3}.match-score{background:var(--navy-light);padding:8px 16px;border-radius:8px;font-size:1.5rem;font-weight:900;color:var(--gold-light);min-width:70px;text-align:center}.match-score.upcoming{font-size:.85rem;color:#fff9}.match-footer{margin-top:14px;text-align:center;font-size:.78rem;color:#ffffff80;display:flex;align-items:center;justify-content:center;gap:6px}.match-footer i{color:var(--gold)}.badge-live{background:var(--red);color:var(--white);font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:3px;animation:pulse 1.5s infinite}.sports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.sport-card{background:var(--white);border-radius:10px;padding:24px 16px;text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;border:1.5px solid var(--gray-100)}.sport-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:var(--shadow-md)}.sport-icon{font-size:2.5rem;margin-bottom:12px}.sport-icon img{width:52px;height:52px;object-fit:contain}.sport-card h5{font-weight:700;color:var(--text-dark);font-size:.9rem;margin-bottom:4px}.sport-card p{font-size:.76rem;color:var(--gray-400)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.gallery-item{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:6px;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-item:hover img{transform:scale(1.08)}.gallery-overlay{position:absolute;inset:0;background:#0c1b3399;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;opacity:0;transition:var(--transition)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay span{color:var(--white);font-size:.82rem;font-weight:600}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;gap:16px;align-items:flex-start;padding:20px;background:var(--white);border-radius:8px;box-shadow:var(--shadow-sm);border-right:4px solid var(--gold)}.contact-icon{width:44px;height:44px;border-radius:50%;flex-shrink:0;background:var(--gold);display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:1rem}.contact-item h5{font-weight:700;color:var(--text-dark);margin-bottom:4px}.contact-item p{color:var(--gray-600);font-size:.85rem}.contact-form{background:var(--white);border-radius:12px;padding:36px;box-shadow:var(--shadow-md);border:1px solid var(--gray-100)}.contact-form h4{font-size:1.2rem;font-weight:800;color:var(--text-dark);margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1/-1}.form-group label{font-size:.82rem;font-weight:700;color:var(--text-dark)}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1.5px solid var(--gray-200);border-radius:6px;font-family:Cairo,sans-serif;font-size:.88rem;color:var(--text-body);background:var(--off-white);transition:var(--transition);direction:rtl}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gold);background:var(--white);box-shadow:0 0 0 3px #c9913a1f}.form-group textarea{resize:vertical;min-height:100px}.footer{background:var(--navy);color:#ffffffbf;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand .logo-text h1{color:var(--white)}.footer-brand p{font-size:.85rem;line-height:1.7;margin:16px 0}.footer-social{display:flex;gap:10px}.social-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:#fff9;transition:var(--transition);font-size:.85rem}.social-btn:hover{background:var(--gold);color:var(--navy)}.board-card .social-btn,.president-card .social-btn{color:var(--navy);background:var(--gray-100)}.board-card .social-btn:hover,.president-card .social-btn:hover{background:var(--gold);color:var(--navy)}.footer-col h5{color:var(--white);font-weight:800;margin-bottom:18px;font-size:.95rem;position:relative}.footer-col h5:after{content:"";position:absolute;bottom:-6px;right:0;width:30px;height:2px;background:var(--gold)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-col ul li a{font-size:.84rem;color:#fff9;transition:var(--transition);display:flex;align-items:center;gap:8px}.footer-col ul li a:hover{color:var(--gold-light);padding-right:4px}.footer-col ul li a i{color:var(--gold);font-size:.7rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.footer-bottom p{font-size:.82rem;color:#fff6}.news-content{max-width:100%;overflow-wrap:break-word;direction:rtl;text-align:right}.news-content *{max-width:100%;overflow-wrap:break-word;box-sizing:border-box}.news-content p{margin-bottom:1.4em;line-height:1.9;color:var(--text-body)}.news-content p:last-child{margin-bottom:0}.news-content h2{font-size:1.45rem;font-weight:800;color:var(--text-dark);margin-top:2em;margin-bottom:.6em;line-height:1.3;padding-bottom:.3em;border-bottom:2px solid var(--gold)}.news-content h3{font-size:1.2rem;font-weight:700;color:var(--navy-light);margin-top:1.6em;margin-bottom:.5em;line-height:1.35;position:relative;padding-right:14px}.news-content h3:before{content:"";position:absolute;right:0;top:.2em;width:4px;height:1em;background:var(--gold);border-radius:2px}.news-content h4{font-size:1.05rem;font-weight:700;color:var(--text-dark);margin-top:1.4em;margin-bottom:.4em}.news-content img{display:block;max-width:100%;height:auto;margin:1.8em auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);object-fit:cover}.news-content a{color:var(--gold);font-weight:600;text-decoration:underline;text-decoration-color:#c9913a59;text-underline-offset:3px;transition:var(--transition)}.news-content a:hover{color:var(--navy);text-decoration-color:var(--navy)}.news-content ul,.news-content ol{margin-bottom:1.4em;padding-right:1.6em;padding-left:0}.news-content ul{list-style:none}.news-content ul li{position:relative;padding-right:1.2em;margin-bottom:.45em;line-height:1.75;color:var(--text-body)}.news-content ul li:before{content:"";position:absolute;right:0;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--gold)}.news-content ol{list-style:decimal;list-style-position:inside}.news-content ol li{margin-bottom:.45em;line-height:1.75;color:var(--text-body)}.news-content li::marker{color:var(--gold);font-weight:700}.news-content blockquote{margin:1.8em 0;padding:18px 22px 18px 14px;border-right:4px solid var(--gold);border-left:none;background:var(--gray-100);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--gray-600);font-style:italic;font-size:1.05rem;line-height:1.8;position:relative}.news-content blockquote:before{content:"“";position:absolute;top:-8px;right:14px;font-size:3.5rem;color:var(--gold);font-family:Georgia,serif;line-height:1;opacity:.5}.news-content blockquote p{margin-bottom:0}.news-content strong,.news-content b{font-weight:800;color:var(--text-dark)}.news-content em,.news-content i{font-style:italic;color:var(--gray-600)}.news-content table{width:100%;border-collapse:collapse;margin:1.8em 0;font-size:.92rem;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.news-content thead{background:var(--navy);color:var(--white)}.news-content thead th{padding:12px 16px;font-weight:700;text-align:right;font-size:.88rem}.news-content tbody tr{border-bottom:1px solid var(--gray-200);transition:background var(--transition)}.news-content tbody tr:last-child{border-bottom:none}.news-content tbody tr:nth-child(odd){background:var(--off-white)}.news-content tbody tr:nth-child(2n){background:var(--white)}.news-content tbody tr:hover{background:var(--gold-pale)}.news-content td,.news-content th{padding:11px 16px;text-align:right;vertical-align:middle;color:var(--text-body)}.news-content hr{border:none;border-top:2px solid var(--gray-200);margin:2em 0}@media(max-width:768px){.news-content h2{font-size:1.2rem;margin-top:1.5em}.news-content h3{font-size:1.05rem}.news-content img{margin:1.2em auto;border-radius:var(--radius)}.news-content table{font-size:.82rem}.news-content thead th,.news-content td{padding:8px 10px}.news-content blockquote{padding:14px 16px 14px 10px;font-size:.97rem}}.modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;opacity:0;visibility:hidden;transition:var(--transition)}.modal-overlay.open{opacity:1;visibility:visible}.search-modal{background:var(--white);border-radius:12px;width:100%;max-width:600px;padding:28px;transform:translateY(-20px);transition:var(--transition)}.modal-overlay.open .search-modal{transform:translateY(0)}.search-modal input{width:100%;padding:14px 18px;border:2px solid var(--gold);border-radius:8px;font-family:Cairo,sans-serif;font-size:1.1rem;direction:rtl;outline:none}.search-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--gray-400);float:left}.search-loading{text-align:center;padding:20px;color:var(--gray-400);font-size:.9rem}.search-results{margin-top:16px;max-height:400px;overflow-y:auto}.search-result-group{margin-bottom:12px}.search-result-group-title{font-size:.72rem;font-weight:700;color:var(--gold);letter-spacing:.5px;padding:4px 0;border-bottom:1px solid var(--gray-200);margin-bottom:6px;display:flex;align-items:center;gap:6px}.search-result-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:var(--transition);color:var(--text-dark)}.search-result-item:hover{background:var(--gray-100)}.search-result-item>i{color:var(--gold);font-size:.85rem;width:16px;flex-shrink:0}.search-result-item-title{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-item-meta{font-size:.75rem;color:var(--gray-400);margin-top:2px}.search-no-results{text-align:center;padding:24px 16px;color:var(--gray-400);font-size:.9rem}.search-popular span{color:var(--gold);cursor:pointer}.search-popular span:hover{text-decoration:underline}.mobile-nav{position:fixed;top:0;left:-100%;width:290px;height:100vh;background:var(--navy);z-index:9998;overflow-y:auto;transition:left .35s cubic-bezier(.4,0,.2,1);box-shadow:8px 0 30px #0006}.mobile-nav.open{left:0}.mobile-nav-header{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.mobile-nav-close{background:none;border:none;color:#ffffffb3;font-size:1.3rem;cursor:pointer}.mobile-nav ul{list-style:none;padding:12px 0}.mobile-nav ul li a{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;color:#fffc;font-size:.9rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.04);transition:var(--transition)}.mobile-nav ul li a:hover{color:var(--gold);background:#c9913a0f}.nav-overlay{position:fixed;inset:0;background:#00000080;z-index:9997;display:none}.nav-overlay.open{display:block}.mobile-sub-nav{padding:0!important;background:#0003}.mobile-sub-nav li a{padding:10px 20px 10px 32px!important;font-size:.84rem!important;color:#ffffffa6!important;border-bottom:1px solid rgba(255,255,255,.03)!important}.mobile-sub-nav li a:hover{color:var(--gold)!important;background:#c9913a14!important}.back-top{position:fixed;bottom:24px;left:24px;z-index:500;width:44px;height:44px;border-radius:50%;background:var(--gold);color:var(--navy);border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);transition:var(--transition);box-shadow:0 4px 16px #c9913a66}.back-top.visible{opacity:1;transform:translateY(0)}.back-top:hover{background:var(--gold-light);transform:translateY(-3px)}.placeholder-img{background:linear-gradient(135deg,var(--navy-light),var(--navy));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ffffff4d;font-size:2.5rem;height:100%}.placeholder-img span{font-size:.75rem;font-weight:600;letter-spacing:1px}.toast{position:fixed;bottom:80px;left:24px;z-index:9999;background:var(--navy);color:var(--white);padding:14px 20px;border-radius:8px;border-right:4px solid var(--green);box-shadow:var(--shadow-lg);transform:translate(-140%);transition:transform .4s cubic-bezier(.4,0,.2,1),visibility .4s;max-width:300px;font-size:.85rem;visibility:hidden}.toast.show{transform:translate(0);visibility:visible}@media(max-width:1024px){.news-featured{grid-template-columns:1fr}.news-featured .news-card-img{height:240px}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.top-bar-info,.main-nav,.header-actions .btn-join{display:none}.menu-toggle{display:block}.hero{height:50vh}.slide-content{padding:0 5%}.membership-steps:before{display:none}.board-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:28px}.president-card{flex-direction:column;text-align:center;padding:28px 20px}.section{padding:44px 0}.scorebar-label{display:none}}@media(max-width:480px){.section-title{font-size:1.3rem}.news-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}.announcement-bar{background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--gold));background-size:200% 100%;animation:shimmer 3s infinite;color:var(--navy);padding:10px 0;font-weight:800;font-size:.85rem;position:relative;display:flex;align-items:center;gap:12px;overflow:hidden}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}.ticker-icon{background:var(--navy);color:var(--gold);padding:8px 16px;display:flex;align-items:center;gap:6px;font-weight:900;font-size:.75rem;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px #0003}.ticker-icon i{font-size:.9rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ticker-wrapper{flex:1;overflow:hidden;position:relative}.ticker-scroller{display:flex;align-items:center;white-space:nowrap;will-change:transform}.ticker-item{display:inline-flex;align-items:center;padding:0 8px;color:var(--navy);font-weight:700}.announcement-bar .close-ann{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:var(--navy);color:var(--gold);border:none;cursor:pointer;font-size:.9rem;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:0 2px 8px #0003;z-index:10}.announcement-bar .close-ann:hover{background:var(--navy-light);transform:translateY(-50%) rotate(90deg)}.quick-news{background:var(--white);border-bottom:2px solid var(--gray-100);display:flex;align-items:stretch;overflow:hidden}.qn-label{background:var(--red);color:var(--white);font-weight:800;padding:10px 16px;font-size:.78rem;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:6px}.qn-scroll{overflow:hidden;flex:1;display:flex;align-items:center}.qn-content{display:inline-flex;gap:40px;animation:ticker2 70s linear infinite;white-space:nowrap}.qn-content:hover{animation-play-state:paused}.qn-item{font-size:.82rem;font-weight:600;color:var(--text-body);display:flex;align-items:center;gap:8px}.qn-item:before{content:"●";color:var(--gold);font-size:.5rem}@keyframes ticker2{0%{transform:translate(-50%)}to{transform:translate(0)}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200%}to{background-position:-200%}}.mobile-ad-banner{display:none}@media(max-width:768px){.mobile-ad-banner{display:block}}.ad-section-label{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ad-section-label span{font-size:.72rem;font-weight:700;color:var(--gold);letter-spacing:.05em;white-space:nowrap}.ad-section-label:before,.ad-section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4}.ad-badge{display:inline-flex;align-items:center;gap:4px;background:var(--gold);color:var(--navy);font-size:.62rem;font-weight:800;padding:3px 8px;border-radius:20px;letter-spacing:.04em}@keyframes popupIn{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-ad-card{animation:popupIn .28s cubic-bezier(.34,1.4,.64,1) forwards}.ad-badge-dark{display:inline-flex;align-items:center;background:#0000006b;color:#fff;font-size:.6rem;font-weight:700;padding:3px 7px;border-radius:3px;letter-spacing:.05em;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.ad-items-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}@media(max-width:600px){.ad-items-row{flex-direction:column}.ad-item-leaderboard{height:60px!important}}.membership-page{min-height:100vh;background:var(--off-white);padding-bottom:60px}.page-header .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.page-header .header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.back-button{background:#c9913a26;border:1px solid rgba(201,145,58,.4);color:var(--gold-light);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;gap:8px;transition:var(--transition);margin-top:4px}.back-button:hover{background:#c9913a40;border-color:var(--gold)}.page-header .subtitle{font-size:1.1rem;color:#ffffffbf;margin:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.membership-form-page{background:var(--white);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-md);margin-top:40px}.form-section{margin-bottom:40px;padding-bottom:40px;border-bottom:2px solid var(--gray-100)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-header{display:flex;align-items:center;gap:12px;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--gold)}.form-section-header i{font-size:1.5rem;color:var(--gold)}.form-section-header h2{color:var(--navy);font-size:1.5rem;margin:0}.profile-picture-section{display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap}.image-preview-container{flex-shrink:0}.image-preview,.image-placeholder{width:220px;height:220px;border-radius:var(--radius-lg);object-fit:cover;border:3px solid var(--gray-200);box-shadow:var(--shadow-sm)}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);color:var(--gray-400)}.image-placeholder i{font-size:3.5rem;margin-bottom:15px}.image-placeholder p{margin:0;font-size:1rem}.image-upload-info{flex:1;min-width:300px}.file-input{display:none}.file-label{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);color:var(--gold-light);border-radius:10px;cursor:pointer;font-size:1.05rem;font-weight:600;transition:var(--transition);margin-bottom:20px;box-shadow:0 4px 12px #0c1b334d;border:1px solid rgba(201,145,58,.3)}.file-label:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0c1b3366;border-color:var(--gold)}.image-requirements{background:linear-gradient(135deg,var(--gray-100) 0%,var(--off-white) 100%);padding:20px;border-radius:10px;border-right:4px solid var(--gold)}.image-requirements p{margin:0 0 12px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px;font-size:1.05rem}.image-requirements ul{margin:0;padding-right:25px;list-style:none}.image-requirements li{padding:6px 0;color:var(--text-body);position:relative;font-size:.95rem}.image-requirements li:before{content:"✓";color:var(--gold);font-weight:700;position:absolute;right:-25px;font-size:1.1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;margin-bottom:10px;color:var(--text-dark);font-size:1rem}.form-group input,.form-group select,.form-group textarea{padding:14px 18px;border:2px solid var(--gray-200);border-radius:10px;font-size:1rem;font-family:inherit;transition:var(--transition);background:var(--white);color:var(--text-body)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px #c9913a26}.form-group textarea{resize:vertical;min-height:120px}.form-group .error{color:var(--red);font-size:.9rem;margin-top:6px;display:flex;align-items:center;gap:6px;font-weight:500}.form-group .error:before{content:"⚠";font-size:1rem}.error-message{color:var(--red);font-size:.9rem;margin-top:10px;padding:10px 15px;background:#c0392b14;border-radius:8px;border-right:3px solid var(--red);font-weight:500}.form-actions{margin-top:40px;padding-top:30px;border-top:2px solid var(--gray-100);display:flex;justify-content:center}.btn-submit{padding:16px 48px;border-radius:var(--radius-lg);font-size:1.2rem;font-weight:600;cursor:pointer;border:1px solid rgba(201,145,58,.4);display:flex;align-items:center;gap:12px;transition:var(--transition);background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);color:var(--gold-light);box-shadow:0 6px 20px #0c1b334d}.btn-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 28px #0c1b3366;border-color:var(--gold)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-container{background:var(--white);border-radius:var(--radius-lg);padding:60px 40px;box-shadow:var(--shadow-md);text-align:center;max-width:700px;margin:40px auto;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon{font-size:5rem;color:var(--green);margin-bottom:20px;animation:scaleIn .5s ease-out .2s both}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-container h1{color:var(--navy);font-size:2rem;margin-bottom:30px}.application-number{background:linear-gradient(135deg,var(--gray-100) 0%,var(--off-white) 100%);padding:25px;border-radius:var(--radius-lg);margin:30px 0;border:2px dashed var(--gold)}.application-number p{margin:0 0 10px;color:var(--gray-600);font-size:1rem}.application-number h2{margin:0;color:var(--gold);font-size:2rem;font-family:Courier New,monospace;letter-spacing:2px}.success-message{margin:30px 0;line-height:1.8}.success-message p{margin:10px 0;color:var(--text-body);font-size:1.05rem}.success-actions{display:flex;gap:15px;justify-content:center;margin-top:40px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:14px 32px;border-radius:10px;font-size:1.05rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);color:var(--gold-light);border:1px solid rgba(201,145,58,.3);box-shadow:0 4px 12px #0c1b334d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0c1b3366;border-color:var(--gold)}.btn-secondary{background:var(--white);color:var(--navy);border:2px solid var(--gold)}.btn-secondary:hover{background:var(--gold);color:var(--navy);transform:translateY(-2px)}[dir=rtl] .image-requirements{border-right:none;border-left:4px solid var(--gold)}[dir=rtl] .image-requirements ul{padding-right:0;padding-left:25px}[dir=rtl] .image-requirements li:before{right:auto;left:-25px}[dir=rtl] .error-message{border-right:none;border-left:3px solid var(--red)}@media(max-width:768px){.page-header .header-top{flex-direction:column-reverse;align-items:flex-start;gap:15px}.back-button{align-self:flex-start}.page-header .subtitle{font-size:1rem}.membership-form-page{padding:25px 20px}.profile-picture-section{flex-direction:column;align-items:center}.image-upload-info{width:100%}.form-grid{grid-template-columns:1fr}.form-section-header h2{font-size:1.3rem}.btn-submit{width:100%;justify-content:center;padding:14px 24px;font-size:1.1rem}.success-container{padding:40px 25px;margin:20px}.success-container h1{font-size:1.6rem}.application-number h2{font-size:1.5rem}.success-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-spinner{animation:spin 1s linear infinite}