https://embajadores-rio.netlify.app/

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5  <meta charset="UTF-8" />
6<!-- This site is hosted on Netlify. Anyone can build and deploy a site
7     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=53db5ab0-6cca-4cc5-8670-cb2fd45db8e5
8     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
9  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
10  <title>Rio Ambassador Nexus</title>
11  

11<script src="https://cdn.tailwindcss.com"></script>

11
12  <link
13    href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&family=Inter:wght@300;400;600&display=swap"
14    rel="stylesheet">
15  

15<script>
16    tailwind.config = {
17      theme: {
18        extend: {
19          fontFamily: {
20            sans: ['Inter', 'sans-serif'],
21            display: ['Rajdhani', 'sans-serif'],
22            serif: ['Playfair Display', 'serif'],
23          },
24          colors: {
25            rio: {
26              50: '#f5f7f5',
27              100: '#eef2ee',
28              200: '#dce4db',
29              300: '#c0cfbe',
30              400: '#9cb399',
31              500: '#667c62', // Brand Base Color (Olive)
32              600: '#586b54',
33              700: '#485745',
34              800: '#3d483b',
35              900: '#343c32',
36            },
37            space: {
38              900: '#0c0f0c', // Slightly greener dark background
39              800: '#141a14',
40              700: '#1c241c',
41            }
42          },
43          backgroundImage: {
44            'hero-pattern': "url('https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2564&auto=format&fit=crop')", // Abstract dark fluid
45          }
46        }
47      }
48    }
49  </script>

49
50
51
52  <style>
53    body {
54      background-color: #0c0f0c;
55      color: white;
56    }
57
58    .glass {
59      background: rgba(20, 26, 20, 0.4);
60      backdrop-filter: blur(12px);
61      -webkit-backdrop-filter: blur(12px);
62      border-bottom: 1px solid rgba(102, 124, 98, 0.1);
63    }
64
65    .glass-card {
66      background: linear-gradient(145deg, rgba(28, 36, 28, 0.6) 0%, rgba(12, 15, 12, 0.8) 100%);
67      backdrop-filter: blur(12px);
68      border: 1px solid rgba(102, 124, 98, 0.15);
69      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
70    }
71
72    .neon-glow {
73      box-shadow: 0 0 30px rgba(102, 124, 98, 0.2);
74    }
75
76    .text-glow {
77      text-shadow: 0 0 15px rgba(102, 124, 98, 0.5);
78    }
79
80    .custom-scrollbar::-webkit-scrollbar {
81      width: 6px;
82    }
83
84    .custom-scrollbar::-webkit-scrollbar-track {
85      background: rgba(255, 255, 255, 0.05);
86      border-radius: 10px;
87    }
88
89    .custom-scrollbar::-webkit-scrollbar-thumb {
90      background: rgba(102, 124, 98, 0.5);
91      border-radius: 10px;
92    }
93  </style>
94
95  

95<script type="module" crossorigin src="/assets/index-CznKiSRD.js"></script>

95
96</head>
97
98<body>
99  <div id="root"></div>
100</body>
101
102</html>