/* CSS Variables */
:root {
    --font-family: "Roboto", sans-serif;
    --size-xxs: 12px;
    --size-xs: 24px;
    --size-s: 36px;
    --size-m: 48px;
    --size-l: 56px;
    --size-xl: 64px;
    --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-dcdada58 { max-width: 1280px; margin: 0 auto; position: relative; }
.g-5f1041ba { max-width: 1280px; margin: 0 auto; padding: 0 var(--wrapper-padding); }
.g-c599a0bc { padding: 0; }
.g-23dbffce { cursor: pointer; text-decoration: none; margin-bottom: var(--size-m); display: inline-block; }
.g-23dbffce:hover { text-decoration: underline; }
.g-29327ce8 { 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-29327ce8::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-29327ce8 span { position: relative; z-index: 2; }
.g-29327ce8:hover::before { filter: brightness(80%); }
.g-34832822 { padding: 9px 30px; font-size: 16px; min-height: var(--size-l); }
.g-386f7f17 { color: var(--color-text); }
.g-386f7f17::before { background-color: transparent; border: 2px solid var(--color-primary); }
.g-386f7f17:hover { color: var(--color-text-light); }
.g-386f7f17:hover::before { background-color: var(--color-primary); }
.g-0faef22f { text-decoration: none; }
.g-7eaed6e2 { width: 100%; }
.g-ae109563 { white-space: nowrap; }
.g-c4b07786 { aspect-ratio: 16/10; }
.g-ddee4ea6 { 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-aed383a5 { height: var(--size-xl); }
.g-1db7fd95 { min-height: 130px; resize: vertical; }
.g-b56b3482 img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.g-73d916fe { border-radius: var(--b-radius); }
.g-ee9beaab { overflow: hidden; }
.g-7cb3a060 { box-shadow: var(--shadow); }
.g-356021cd { box-shadow: var(--shadow-1); }
.g-6ca5465a { color: var(--color-bg); }
.g-a8e9a6bf { color: var(--color-surface); }
.g-802303a7 { color: var(--color-text); }
.g-17495f99 { color: var(--color-text-description); }
.g-035ea35c { color: var(--color-text-light); }
.g-332cb018 { color: var(--color-primary); }
.g-8eb73701 { color: var(--color-secondary); }
.g-ecb4e3c7 { background-color: var(--color-bg); }
.g-5b422533 { background-color: var(--color-surface); }
.g-98fa8308 { background-color: var(--color-text); }
.g-d75c6986 { background-color: var(--color-text-description); }
.g-6152b54d { background-color: var(--color-text-light); }
.g-1e3c7683 { background-color: var(--color-primary); }
.g-0f96de59 { background-color: var(--color-secondary); }
.g-a061641e { font-size: clamp(1.75rem, 3.0939226519vw + 1.0248618785rem, 3.5rem); font-weight: bold; line-height: 130%; }
.g-ae1ddc0c { font-size: clamp(1.75rem, 1.3259668508vw + 1.4392265193rem, 2.5rem); font-weight: bold; line-height: 130%; }
.g-340ddff6 { font-size: clamp(1.5rem, 0.8839779006vw + 1.2928176796rem, 2rem); font-weight: bold; line-height: 130%; }
.g-57abd970 { font-size: clamp(1.5rem, 0.8839779006vw + 1.2928176796rem, 2rem); font-weight: 600; line-height: 120%; }
.g-3093f026 { font-size: clamp(1rem, 0.4419889503vw + 0.8964088398rem, 1.25rem); font-weight: 500; line-height: 120%; }
.g-9083530f { font-size: clamp(0.875rem, 0.4419889503vw + 0.7714088398rem, 1.125rem); font-weight: 500; line-height: 120%; }
.g-bd6d5209 { font-size: clamp(0.75rem, 0.4419889503vw + 0.6464088398rem, 1rem); font-weight: 500; line-height: 120%; }
.g-7a8b6659 { font-size: clamp(1rem, 0.4419889503vw + 0.8964088398rem, 1.25rem); font-weight: 400; line-height: 120%; }
.g-38e6ca6b { font-size: clamp(0.875rem, 0.4419889503vw + 0.7714088398rem, 1.125rem); font-weight: 400; line-height: 120%; }
.g-eab54d16 { font-size: clamp(0.75rem, 0.4419889503vw + 0.6464088398rem, 1rem); font-weight: 400; line-height: 120%; }
.g-850ffe6e { font-weight: bold; }
.g-71627df8 { margin-top: var(--size-xxs); }
.g-bcaed20e { margin-top: var(--size-xs); }
.g-42b05d18 { margin-top: var(--size-s); }
.g-8a6f4222 { margin-top: var(--size-m); }
.g-e4226517 { margin-top: var(--size-l); }
.g-c1267a83 { margin-top: var(--size-xl); }
.g-d4c0c549 { margin-bottom: var(--size-xxs); }
.g-e5e07bff { margin-bottom: var(--size-xs); }
.g-68e214e4 { margin-bottom: var(--size-s); }
.g-bc23cb76 { margin-bottom: var(--size-m); }
.g-1a014442 { margin-bottom: var(--size-l); }
.g-ef28f67e { margin-bottom: var(--size-xl); }
@media screen and (max-width: 768px) { .g-34832822 { min-height: var(--size-m); }
 }