:root{--primary: #FB8500;--secondary: #023047;--accent: #FFB703;--bg: #F1FAEE;--text-dark: #1D3557}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--text-dark);font-family:Inter,sans-serif;line-height:1.6}.header{background:var(--primary);padding:20px;color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid var(--accent)}.header .logo{font-size:28px;font-weight:700}.header .logo span{color:var(--accent)}.header nav a{color:#fff;margin-left:20px;text-decoration:none;font-weight:700;transition:.2s}.header nav a:hover{color:var(--accent)}.afro-pattern{background-image:url(pattern.svg);background-size:200px;background-repeat:repeat;opacity:.95}.section{padding:40px 20px}.section-title{font-size:26px;font-weight:700;border-left:6px solid var(--primary);padding-left:10px;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.card{background:#fff;border-radius:16px;border:2px solid var(--accent);padding:12px;text-align:center;transition:.2s;box-shadow:0 4px 8px #0000001a}.card img{width:100%;border-radius:10px;margin-bottom:8px}.card:hover{transform:translateY(-6px);border-color:var(--primary)}.player-section{padding:40px 20px}video{width:100%;max-width:800px;height:auto;border:4px solid var(--primary);border-radius:12px;display:block;margin:auto;background:#000}