/* CSS Variables */
:root {
    --font-family: "Roboto", sans-serif;
    --size-xxs: 8px;
    --size-xs: 16px;
    --size-s: 24px;
    --size-m: 32px;
    --size-l: 48px;
    --size-xl: 56px;
    --b-radius: var(--size-xxs);
    --color-bg: #121212;
    --color-surface: #3A3A3A;
    --color-text: #FFFFFF;
    --color-text-description: rgba(255, 255, 255, 0.6);
    --color-text-light: #FFFFFF;
    --color-primary: #BB86FC;
    --color-secondary: #292929;
    --shadow: 0px 4px 20px rgba(0, 0, 0, 0.4);
    --shadow-1: 0px 20px 20px rgba(0, 0, 0, 0.4);
}

/* Global styles */
.g-8ea2eeee { max-width: 1280px; margin: 0 auto; position: relative; }
.g-1c5396da { max-width: 1280px; margin: 0 auto; padding: 0 var(--wrapper-padding); }
.g-e9f9a20f { padding: 0; }
.g-b2bf1bf9 { cursor: pointer; text-decoration: none; margin-bottom: var(--size-m); display: inline-block; }
.g-b2bf1bf9:hover { text-decoration: underline; }
.g-68b2e796 { position: relative; display: inline-flex; justify-content: center; align-items: center; color: var(--color-text-light); padding: 9px 75px; min-height: var(--size-xl); text-decoration: none; font-size: 18px; border: 0; background-color: transparent; cursor: pointer; }
.g-68b2e796::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--color-primary); z-index: 1; overflow: hidden; border-radius: var(--b-radius); }
.g-68b2e796 span { position: relative; z-index: 2; }
.g-68b2e796:hover::before { filter: brightness(80%); }
.g-87af0f85 { padding: 9px 30px; font-size: 16px; min-height: var(--size-l); }
.g-6a972edd { color: var(--color-text); }
.g-6a972edd::before { background-color: transparent; border: 2px solid var(--color-primary); }
.g-6a972edd:hover { color: var(--color-text-light); }
.g-6a972edd:hover::before { background-color: var(--color-primary); }
.g-cee265fc { text-decoration: none; }
.g-1ede5281 { width: 100%; }
.g-4dd391be { white-space: nowrap; }
.g-e046a583 { aspect-ratio: 16/10; }
.g-82bba850 { width: 100%; padding: var(--size-s); border: 0; border-radius: var(--b-radius); font-size: clamp(0.75rem, 0.4419889503vw + 0.6464088398rem, 1rem); font-weight: 400; line-height: 120%; color: var(--color-text-dark); background-color: var(--color-bg); outline: none; }
.g-0425a1b8 { height: var(--size-xl); }
.g-ad9ab797 { min-height: 130px; resize: vertical; }
.g-c3bff105 img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.g-9435786d { border-radius: var(--b-radius); }
.g-0b551f46 { overflow: hidden; }
.g-cecc9c2c { box-shadow: var(--shadow); }
.g-d3358f1a { box-shadow: var(--shadow-1); }
.g-ae4bc817 { color: var(--color-bg); }
.g-74da38b9 { color: var(--color-surface); }
.g-3522d89c { color: var(--color-text); }
.g-1024f823 { color: var(--color-text-description); }
.g-50e18d2e { color: var(--color-text-light); }
.g-b26284a7 { color: var(--color-primary); }
.g-aa423c3d { color: var(--color-secondary); }
.g-59fcac65 { background-color: var(--color-bg); }
.g-9a23296a { background-color: var(--color-surface); }
.g-6ee438da { background-color: var(--color-text); }
.g-be560ac9 { background-color: var(--color-text-description); }
.g-1d2b7bf6 { background-color: var(--color-text-light); }
.g-27ffffed { background-color: var(--color-primary); }
.g-bf67ff17 { background-color: var(--color-secondary); }
.g-7957866a { font-size: clamp(1.75rem, 3.0939226519vw + 1.0248618785rem, 3.5rem); font-weight: bold; line-height: 130%; }
.g-d4f6deec { font-size: clamp(1.75rem, 1.3259668508vw + 1.4392265193rem, 2.5rem); font-weight: bold; line-height: 130%; }
.g-ca2e1e62 { font-size: clamp(1.5rem, 0.8839779006vw + 1.2928176796rem, 2rem); font-weight: bold; line-height: 130%; }
.g-947b7b51 { font-size: clamp(1.5rem, 0.8839779006vw + 1.2928176796rem, 2rem); font-weight: 600; line-height: 120%; }
.g-bfc089fc { font-size: clamp(1rem, 0.4419889503vw + 0.8964088398rem, 1.25rem); font-weight: 500; line-height: 120%; }
.g-7b0921ed { font-size: clamp(0.875rem, 0.4419889503vw + 0.7714088398rem, 1.125rem); font-weight: 500; line-height: 120%; }
.g-fc15f532 { font-size: clamp(0.75rem, 0.4419889503vw + 0.6464088398rem, 1rem); font-weight: 500; line-height: 120%; }
.g-ed6c0f98 { font-size: clamp(1rem, 0.4419889503vw + 0.8964088398rem, 1.25rem); font-weight: 400; line-height: 120%; }
.g-01b6a912 { font-size: clamp(0.875rem, 0.4419889503vw + 0.7714088398rem, 1.125rem); font-weight: 400; line-height: 120%; }
.g-cd0f8a59 { font-size: clamp(0.75rem, 0.4419889503vw + 0.6464088398rem, 1rem); font-weight: 400; line-height: 120%; }
.g-26f908be { font-weight: bold; }
.g-449c45ef { margin-top: var(--size-xxs); }
.g-a51dfefe { margin-top: var(--size-xs); }
.g-2688fb0a { margin-top: var(--size-s); }
.g-b40c61fb { margin-top: var(--size-m); }
.g-15e23137 { margin-top: var(--size-l); }
.g-106b0ef2 { margin-top: var(--size-xl); }
.g-cbe0560d { margin-bottom: var(--size-xxs); }
.g-c936f7a8 { margin-bottom: var(--size-xs); }
.g-4a770387 { margin-bottom: var(--size-s); }
.g-c0ff58c1 { margin-bottom: var(--size-m); }
.g-734a6a8a { margin-bottom: var(--size-l); }
.g-69cfc374 { margin-bottom: var(--size-xl); }
@media screen and (max-width: 768px) { .g-87af0f85 { min-height: var(--size-m); }
 }