/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Manrope","arguments":[{"subsets":["latin","cyrillic"],"variable":"--font-body"}],"variableName":"body"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Manrope_14cd0a';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/438aa629764e75f3-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Manrope_14cd0a';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/875ae681bfde4580-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: '__Manrope_14cd0a';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/51251f8b9793cdb3-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Manrope_14cd0a';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/e857b654a2caa584-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Manrope_14cd0a';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Manrope_14cd0a';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Manrope_Fallback_14cd0a';src: local("Arial");ascent-override: 103.31%;descent-override: 29.07%;line-gap-override: 0.00%;size-adjust: 103.19%
}.__className_14cd0a {font-family: '__Manrope_14cd0a', '__Manrope_Fallback_14cd0a';font-style: normal
}.__variable_14cd0a {--font-body: '__Manrope_14cd0a', '__Manrope_Fallback_14cd0a'
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Unbounded","arguments":[{"subsets":["latin","cyrillic"],"variable":"--font-display"}],"variableName":"display"} ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Unbounded_b87ee1';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(/_next/static/media/e546cf32c9d4702c-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Unbounded_b87ee1';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(/_next/static/media/d76fe899475ae4d7-s.p.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: '__Unbounded_b87ee1';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(/_next/static/media/8048a25e80cc4179-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Unbounded_b87ee1';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(/_next/static/media/87bc17f7c8b98e48-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Unbounded_b87ee1';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(/_next/static/media/29b98dbfba401fa9-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Unbounded_Fallback_b87ee1';src: local("Arial");ascent-override: 73.93%;descent-override: 18.20%;line-gap-override: 0.00%;size-adjust: 134.59%
}.__className_b87ee1 {font-family: '__Unbounded_b87ee1', '__Unbounded_Fallback_b87ee1';font-style: normal
}.__variable_b87ee1 {--font-display: '__Unbounded_b87ee1', '__Unbounded_Fallback_b87ee1'
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-body), system-ui, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.glass {
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(var(--line) / 0.25);
  background-color: rgb(var(--panel) / 0.7);
  --tw-shadow: 0 8px 32px rgba(138,43,226,0.12);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.btn:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.btn-primary:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.btn-primary:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transition: transform .16s ease, filter .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.btn-primary:hover:not(:disabled) { transform: translateY(-1px); }
.btn-primary:active:not(:disabled) { transform: translateY(0) scale(.98); }
.btn-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(138 43 226 / var(--tw-bg-opacity, 1));
}
.btn-gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.btn-gold:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.btn-gold:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-gold {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(43 27 0 / var(--tw-text-opacity, 1)); transition: transform .16s ease, filter .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.btn-gold:hover:not(:disabled) { transform: translateY(-1px); }
.btn-gold:active:not(:disabled) { transform: translateY(0) scale(.98); }
.btn-gold:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.btn-ghost:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.btn-ghost:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-ghost {
  border-width: 1px;
  border-color: rgb(var(--line) / 0.3);
  --tw-text-opacity: 1;
  color: rgb(var(--ink) / var(--tw-text-opacity, 1)); transition: transform .16s ease, filter .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.btn-ghost:hover:not(:disabled) { transform: translateY(-1px); }
.btn-ghost:active:not(:disabled) { transform: translateY(0) scale(.98); }
.btn-ghost:hover {
  background-color: rgb(139 92 246 / 0.1);
}
.btn-danger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.btn-danger:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.btn-danger:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transition: transform .16s ease, filter .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.btn-danger:hover:not(:disabled) { transform: translateY(-1px); }
.btn-danger:active:not(:disabled) { transform: translateY(0) scale(.98); }
.btn-danger:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.input {
  width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(var(--line) / 0.3);
  background-color: rgb(var(--panel) / 0.6);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--ink) / var(--tw-text-opacity, 1));
}
.input::-moz-placeholder {
  color: rgb(var(--muted) / 0.7);
}
.input::placeholder {
  color: rgb(var(--muted) / 0.7);
}
.input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity, 1));
}
.label {
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--muted) / var(--tw-text-opacity, 1));
}
.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 9999px;
  border-width: 1px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}
.h-display {
  font-family: var(--font-display), var(--font-body), sans-serif;
  font-weight: 600;
  letter-spacing: -0.025em;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-8 {
  inset: 2rem;
}
.inset-x-4 {
  left: 1rem;
  right: 1rem;
}
.-right-10 {
  right: -2.5rem;
}
.-right-8 {
  right: -2rem;
}
.-top-10 {
  top: -2.5rem;
}
.-top-12 {
  top: -3rem;
}
.-top-8 {
  top: -2rem;
}
.bottom-4 {
  bottom: 1rem;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-4 {
  left: 1rem;
}
.left-\[-10000px\] {
  left: -10000px;
}
.right-0 {
  right: 0px;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-20 {
  top: 5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-\[88px\] {
  top: 88px;
}
.isolate {
  isolation: isolate;
}
.-z-10 {
  z-index: -10;
}
.-z-50 {
  z-index: -50;
}
.z-10 {
  z-index: 10;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[200\] {
  z-index: 200;
}
.z-\[220\] {
  z-index: 220;
}
.z-\[80\] {
  z-index: 80;
}
.m-auto {
  margin: auto;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.\!mt-5 {
  margin-top: 1.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}
.\!h-14 {
  height: 3.5rem !important;
}
.\!h-28 {
  height: 7rem !important;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-16 {
  height: 4rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.h-4 {
  height: 1rem;
}
.h-44 {
  height: 11rem;
}
.h-5 {
  height: 1.25rem;
}
.h-7 {
  height: 1.75rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[280px\] {
  height: 280px;
}
.h-\[390px\] {
  height: 390px;
}
.h-\[calc\(100vh-112px\)\] {
  height: calc(100vh - 112px);
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.max-h-\[92vh\] {
  max-height: 92vh;
}
.max-h-\[94vh\] {
  max-height: 94vh;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-24 {
  min-height: 6rem;
}
.min-h-72 {
  min-height: 18rem;
}
.min-h-\[130px\] {
  min-height: 130px;
}
.min-h-\[190px\] {
  min-height: 190px;
}
.min-h-\[38px\] {
  min-height: 38px;
}
.min-h-\[560px\] {
  min-height: 560px;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-14 {
  width: 3.5rem !important;
}
.\!w-auto {
  width: auto !important;
}
.\!w-full {
  width: 100% !important;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-5 {
  width: 1.25rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[1040px\] {
  width: 1040px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[760px\] {
  width: 760px;
}
.w-\[min\(400px\2c calc\(100vw-2rem\)\)\] {
  width: min(400px, calc(100vw - 2rem));
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-28 {
  min-width: 7rem;
}
.min-w-\[130px\] {
  min-width: 130px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[260px\] {
  min-width: 260px;
}
.min-w-\[320px\] {
  min-width: 320px;
}
.min-w-\[640px\] {
  min-width: 640px;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-\[1500px\] {
  max-width: 1500px;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.shrink-0 {
  flex-shrink: 0;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-12 {
  --tw-rotate: -12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.resize {
  resize: both;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[1fr_1fr\] {
  grid-template-columns: 1fr 1fr;
}
.grid-cols-\[1fr_auto_1fr\] {
  grid-template-columns: 1fr auto 1fr;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-items-center {
  place-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-line\/20 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(var(--line) / 0.2);
}
.divide-white\/5 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.05);
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[1\.65rem\] {
  border-radius: 1.65rem;
}
.rounded-\[1\.75rem\] {
  border-radius: 1.75rem;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-\[2rem\] {
  border-radius: 2rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.\!rounded-l-none {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-dashed {
  border-style: dashed;
}
.\!border-green-500\/60 {
  border-color: rgb(34 197 94 / 0.6) !important;
}
.\!border-red-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)) !important;
}
.\!border-red-500\/70 {
  border-color: rgb(239 68 68 / 0.7) !important;
}
.border-amber-200\/15 {
  border-color: rgb(253 230 138 / 0.15);
}
.border-amber-300\/25 {
  border-color: rgb(252 211 77 / 0.25);
}
.border-amber-500\/40 {
  border-color: rgb(245 158 11 / 0.4);
}
.border-blue-400\/20 {
  border-color: rgb(96 165 250 / 0.2);
}
.border-brand {
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}
.border-brand\/20 {
  border-color: rgb(139 92 246 / 0.2);
}
.border-brand\/30 {
  border-color: rgb(139 92 246 / 0.3);
}
.border-brand\/35 {
  border-color: rgb(139 92 246 / 0.35);
}
.border-brand\/40 {
  border-color: rgb(139 92 246 / 0.4);
}
.border-emerald-300\/15 {
  border-color: rgb(110 231 183 / 0.15);
}
.border-emerald-300\/20 {
  border-color: rgb(110 231 183 / 0.2);
}
.border-emerald-400\/50 {
  border-color: rgb(52 211 153 / 0.5);
}
.border-gold {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.border-gold\/25 {
  border-color: rgb(251 191 36 / 0.25);
}
.border-gold\/30 {
  border-color: rgb(251 191 36 / 0.3);
}
.border-gold\/40 {
  border-color: rgb(251 191 36 / 0.4);
}
.border-gold\/50 {
  border-color: rgb(251 191 36 / 0.5);
}
.border-gold\/60 {
  border-color: rgb(251 191 36 / 0.6);
}
.border-gold\/70 {
  border-color: rgb(251 191 36 / 0.7);
}
.border-green-400\/30 {
  border-color: rgb(74 222 128 / 0.3);
}
.border-green-500\/20 {
  border-color: rgb(34 197 94 / 0.2);
}
.border-green-500\/30 {
  border-color: rgb(34 197 94 / 0.3);
}
.border-green-500\/40 {
  border-color: rgb(34 197 94 / 0.4);
}
.border-line\/10 {
  border-color: rgb(var(--line) / 0.1);
}
.border-line\/15 {
  border-color: rgb(var(--line) / 0.15);
}
.border-line\/20 {
  border-color: rgb(var(--line) / 0.2);
}
.border-line\/25 {
  border-color: rgb(var(--line) / 0.25);
}
.border-line\/30 {
  border-color: rgb(var(--line) / 0.3);
}
.border-line\/40 {
  border-color: rgb(var(--line) / 0.4);
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-red-500\/30 {
  border-color: rgb(239 68 68 / 0.3);
}
.border-red-500\/40 {
  border-color: rgb(239 68 68 / 0.4);
}
.border-red-500\/50 {
  border-color: rgb(239 68 68 / 0.5);
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-yellow-400\/40 {
  border-color: rgb(250 204 21 / 0.4);
}
.\!bg-panel\/95 {
  background-color: rgb(var(--panel) / 0.95) !important;
}
.\!bg-red-500\/15 {
  background-color: rgb(239 68 68 / 0.15) !important;
}
.bg-\[\#07040d\]\/80 {
  background-color: rgb(7 4 13 / 0.8);
}
.bg-\[\#07040d\]\/85 {
  background-color: rgb(7 4 13 / 0.85);
}
.bg-\[\#07040d\]\/90 {
  background-color: rgb(7 4 13 / 0.9);
}
.bg-\[\#07040f\]\/85 {
  background-color: rgb(7 4 15 / 0.85);
}
.bg-\[\#08050d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(8 5 13 / var(--tw-bg-opacity, 1));
}
.bg-\[\#090c17\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 12 23 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0b0e18\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 14 24 / var(--tw-bg-opacity, 1));
}
.bg-\[\#120b1d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 11 29 / var(--tw-bg-opacity, 1));
}
.bg-\[\#140d22\] {
  --tw-bg-opacity: 1;
  background-color: rgb(20 13 34 / var(--tw-bg-opacity, 1));
}
.bg-\[\#151022\]\/95 {
  background-color: rgb(21 16 34 / 0.95);
}
.bg-\[\#f6f1e4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 241 228 / var(--tw-bg-opacity, 1));
}
.bg-amber-200\/\[\.05\] {
  background-color: rgb(253 230 138 / .05);
}
.bg-amber-200\/\[\.06\] {
  background-color: rgb(253 230 138 / .06);
}
.bg-amber-500\/10 {
  background-color: rgb(245 158 11 / 0.1);
}
.bg-black\/10 {
  background-color: rgb(0 0 0 / 0.1);
}
.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/25 {
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/35 {
  background-color: rgb(0 0 0 / 0.35);
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/45 {
  background-color: rgb(0 0 0 / 0.45);
}
.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/65 {
  background-color: rgb(0 0 0 / 0.65);
}
.bg-blue-400\/5 {
  background-color: rgb(96 165 250 / 0.05);
}
.bg-brand\/10 {
  background-color: rgb(139 92 246 / 0.1);
}
.bg-brand\/15 {
  background-color: rgb(139 92 246 / 0.15);
}
.bg-brand\/20 {
  background-color: rgb(139 92 246 / 0.2);
}
.bg-brand\/25 {
  background-color: rgb(139 92 246 / 0.25);
}
.bg-brand\/5 {
  background-color: rgb(139 92 246 / 0.05);
}
.bg-emerald-300\/10 {
  background-color: rgb(110 231 183 / 0.1);
}
.bg-emerald-300\/\[\.05\] {
  background-color: rgb(110 231 183 / .05);
}
.bg-emerald-300\/\[\.07\] {
  background-color: rgb(110 231 183 / .07);
}
.bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}
.bg-emerald-400\/10 {
  background-color: rgb(52 211 153 / 0.1);
}
.bg-emerald-500\/10 {
  background-color: rgb(16 185 129 / 0.1);
}
.bg-emerald-500\/15 {
  background-color: rgb(16 185 129 / 0.15);
}
.bg-gold {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}
.bg-gold\/10 {
  background-color: rgb(251 191 36 / 0.1);
}
.bg-gold\/15 {
  background-color: rgb(251 191 36 / 0.15);
}
.bg-gold\/20 {
  background-color: rgb(251 191 36 / 0.2);
}
.bg-gold\/5 {
  background-color: rgb(251 191 36 / 0.05);
}
.bg-green-400\/10 {
  background-color: rgb(74 222 128 / 0.1);
}
.bg-green-500\/10 {
  background-color: rgb(34 197 94 / 0.1);
}
.bg-green-500\/15 {
  background-color: rgb(34 197 94 / 0.15);
}
.bg-green-500\/5 {
  background-color: rgb(34 197 94 / 0.05);
}
.bg-panel\/30 {
  background-color: rgb(var(--panel) / 0.3);
}
.bg-panel\/35 {
  background-color: rgb(var(--panel) / 0.35);
}
.bg-panel\/40 {
  background-color: rgb(var(--panel) / 0.4);
}
.bg-panel\/50 {
  background-color: rgb(var(--panel) / 0.5);
}
.bg-panel\/60 {
  background-color: rgb(var(--panel) / 0.6);
}
.bg-red-500\/10 {
  background-color: rgb(239 68 68 / 0.1);
}
.bg-red-500\/15 {
  background-color: rgb(239 68 68 / 0.15);
}
.bg-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2);
}
.bg-red-500\/5 {
  background-color: rgb(239 68 68 / 0.05);
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-red-600\/20 {
  background-color: rgb(220 38 38 / 0.2);
}
.bg-rose-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/\[\.025\] {
  background-color: rgb(255 255 255 / .025);
}
.bg-yellow-400\/15 {
  background-color: rgb(250 204 21 / 0.15);
}
.bg-\[radial-gradient\(circle_at_50\%_45\%\2c rgba\(139\2c 92\2c 246\2c \.24\)\2c transparent_35\%\)\2c linear-gradient\(135deg\2c rgba\(139\2c 92\2c 246\2c \.08\)\2c transparent\)\] {
  background-image: radial-gradient(circle at 50% 45%,rgba(139,92,246,.24),transparent 35%),linear-gradient(135deg,rgba(139,92,246,.08),transparent);
}
.bg-\[radial-gradient\(ellipse_at_50\%_35\%\2c rgba\(72\2c 96\2c 176\2c \.24\)\2c transparent_65\%\)\2c linear-gradient\(180deg\2c rgba\(8\2c 11\2c 21\2c \.06\)\2c rgba\(8\2c 11\2c 21\2c \.7\)\)\] {
  background-image: radial-gradient(ellipse at 50% 35%,rgba(72,96,176,.24),transparent 65%),linear-gradient(180deg,rgba(8,11,21,.06),rgba(8,11,21,.7));
}
.bg-\[radial-gradient\(ellipse_at_82\%_12\%\2c rgba\(83\2c 115\2c 255\2c \.34\)\2c transparent_42\%\)\2c radial-gradient\(ellipse_at_10\%_100\%\2c rgba\(235\2c 174\2c 63\2c \.13\)\2c transparent_45\%\)\2c linear-gradient\(130deg\2c \#090d18\2c \#111a2f_55\%\2c \#090c15\)\] {
  background-image: radial-gradient(ellipse at 82% 12%,rgba(83,115,255,.34),transparent 42%),radial-gradient(ellipse at 10% 100%,rgba(235,174,63,.13),transparent 45%),linear-gradient(130deg,#090d18,#111a2f 55%,#090c15);
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#090c16\] {
  --tw-gradient-from: #090c16 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(9 12 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-royal {
  --tw-gradient-from: #8A2BE2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(138 43 226 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-black\/5 {
  --tw-gradient-to: rgb(0 0 0 / 0.05) var(--tw-gradient-to-position);
}
.to-brand {
  --tw-gradient-to: #8B5CF6 var(--tw-gradient-to-position);
}
.fill-current {
  fill: currentColor;
}
.fill-gold {
  fill: #FBBF24;
}
.fill-green-500 {
  fill: #22c55e;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[2px\] {
  padding: 2px;
}
.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!px-2\.5 {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}
.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.\!pl-11 {
  padding-left: 2.75rem !important;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.font-display {
  font-family: var(--font-display), var(--font-body), sans-serif;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[\.14em\] {
  letter-spacing: .14em;
}
.tracking-\[\.16em\] {
  letter-spacing: .16em;
}
.tracking-\[\.17em\] {
  letter-spacing: .17em;
}
.tracking-\[\.18em\] {
  letter-spacing: .18em;
}
.tracking-\[\.22em\] {
  letter-spacing: .22em;
}
.tracking-\[\.24em\] {
  letter-spacing: .24em;
}
.tracking-\[\.25em\] {
  letter-spacing: .25em;
}
.tracking-\[\.2em\] {
  letter-spacing: .2em;
}
.tracking-\[\.32em\] {
  letter-spacing: .32em;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.\!text-red-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#2b1b00\] {
  --tw-text-opacity: 1;
  color: rgb(43 27 0 / var(--tw-text-opacity, 1));
}
.text-amber-100 {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}
.text-amber-100\/70 {
  color: rgb(254 243 199 / 0.7);
}
.text-amber-100\/75 {
  color: rgb(254 243 199 / 0.75);
}
.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.text-amber-200\/65 {
  color: rgb(253 230 138 / 0.65);
}
.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-brand {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}
.text-brand\/70 {
  color: rgb(139 92 246 / 0.7);
}
.text-emerald-100 {
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}
.text-emerald-200 {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-fuchsia-200\/65 {
  color: rgb(245 208 254 / 0.65);
}
.text-fuchsia-300 {
  --tw-text-opacity: 1;
  color: rgb(240 171 252 / var(--tw-text-opacity, 1));
}
.text-gold {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.text-gold\/10 {
  color: rgb(251 191 36 / 0.1);
}
.text-gold\/30 {
  color: rgb(251 191 36 / 0.3);
}
.text-gold\/90 {
  color: rgb(251 191 36 / 0.9);
}
.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-ink {
  --tw-text-opacity: 1;
  color: rgb(var(--ink) / var(--tw-text-opacity, 1));
}
.text-muted {
  --tw-text-opacity: 1;
  color: rgb(var(--muted) / var(--tw-text-opacity, 1));
}
.text-muted\/40 {
  color: rgb(var(--muted) / 0.4);
}
.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-rose-300 {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/20 {
  color: rgb(255 255 255 / 0.2);
}
.text-white\/35 {
  color: rgb(255 255 255 / 0.35);
}
.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}
.text-white\/45 {
  color: rgb(255 255 255 / 0.45);
}
.text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}
.text-white\/55 {
  color: rgb(255 255 255 / 0.55);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/65 {
  color: rgb(255 255 255 / 0.65);
}
.text-white\/75 {
  color: rgb(255 255 255 / 0.75);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.text-white\/85 {
  color: rgb(255 255 255 / 0.85);
}
.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.accent-amber-400 {
  accent-color: #fbbf24;
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-35 {
  opacity: 0.35;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-\[0\.10\] {
  opacity: 0.10;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_25px_90px_rgba\(0\2c 0\2c 0\2c \.55\)\] {
  --tw-shadow: 0 25px 90px rgba(0,0,0,.55);
  --tw-shadow-colored: 0 25px 90px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_30px_90px_rgba\(0\2c 0\2c 0\2c \.45\)\] {
  --tw-shadow: 0 30px 90px rgba(0,0,0,.45);
  --tw-shadow-colored: 0 30px 90px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-brand\/40 {
  --tw-ring-color: rgb(139 92 246 / 0.4);
}
.ring-brand\/50 {
  --tw-ring-color: rgb(139 92 246 / 0.5);
}
.ring-gold\/20 {
  --tw-ring-color: rgb(251 191 36 / 0.2);
}
.ring-gold\/40 {
  --tw-ring-color: rgb(251 191 36 / 0.4);
}
.ring-gold\/60 {
  --tw-ring-color: rgb(251 191 36 / 0.6);
}
.ring-red-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.blur-2xl {
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl {
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[7px\] {
  --tw-backdrop-blur: blur(7px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.\[image-rendering\:pixelated\] {
  image-rendering: pixelated;
}

:root {
  --bg: 245 243 255;
  --panel: 255 255 255;
  --ink: 28 18 56;
  --muted: 98 88 130;
  --line: 139 92 246;
}
.dark {
  --bg: 10 6 20;
  --panel: 24 16 46;
  --ink: 240 236 255;
  --muted: 170 160 200;
  --line: 139 92 246;
}

html { color-scheme: light; }
html.dark { color-scheme: dark; }

body {
  font-family: var(--font-body), system-ui, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(var(--ink) / var(--tw-text-opacity, 1));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: rgb(var(--bg));
  min-height: 100vh;
  overflow-x: hidden;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(60rem 40rem at 10% -10%, rgba(138, 43, 226, 0.28), transparent 60%),
    radial-gradient(45rem 30rem at 100% 0%, rgba(251, 191, 36, 0.14), transparent 60%),
    radial-gradient(50rem 40rem at 50% 120%, rgba(139, 92, 246, 0.22), transparent 60%);
}

select.input option { background: rgb(var(--panel)); color: rgb(var(--ink)); }

@media print {
  body * { visibility: hidden; }
  body::before { display: none; }
  .print-active, .print-active * { visibility: visible; }
  .print-active { position: fixed; left: 0; top: 0; width: 520px; }
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

/* ===== Revolution motion system ===== */
@keyframes pageEnter {
  from { opacity: 0; transform: translate3d(0, 10px, 0); filter: blur(4px); }
  to { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
}
@keyframes popIn {
  from { opacity: 0; transform: translateY(8px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes fadeOutNotification {
  to { opacity: 0; transform: translateX(28px) scale(.97); max-height: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-width: 0; overflow: hidden; }
}
@keyframes floatSoft {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
@keyframes sectionReveal {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}

.page-enter { animation: pageEnter .38s cubic-bezier(.22,1,.36,1) both; }
.motion-fade { animation: sectionReveal .30s ease both; }
.motion-slide { animation: sectionReveal .38s cubic-bezier(.22,1,.36,1) both; }
.motion-pop { animation: popIn .42s cubic-bezier(.22,1,.36,1) both; }
.animate-pop { animation: popIn .42s cubic-bezier(.22,1,.36,1) both; }
.notification-card { animation: popIn .42s cubic-bezier(.22,1,.36,1) both; animation-delay: calc(var(--i, 0) * 45ms); transition: opacity .26s ease, transform .26s ease, box-shadow .22s ease, border-color .22s ease; }
.notification-card:hover { transform: translateY(-2px); box-shadow: 0 14px 40px rgba(139,92,246,.14); }
.notification-leaving { animation: fadeOutNotification .26s ease forwards; pointer-events: none; }

.glass { transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease; }
.motion-card { animation: sectionReveal .38s cubic-bezier(.22,1,.36,1) both; }
.nav-pill { position: relative; transition: background-color .18s ease, color .18s ease, transform .18s ease; }
.nav-pill:hover { background: rgb(var(--line) / .10); color: rgb(var(--ink)); transform: translateY(-1px); }
.nav-pill::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: 3px; height: 2px; transform: scaleX(0); transform-origin: center; border-radius: 999px; background: rgb(var(--line)); transition: transform .2s ease; }
.nav-pill:hover::after { transform: scaleX(1); }
.glass:hover { border-color: rgb(var(--line) / .38); }
.btn { transition: transform .16s ease, filter .18s ease, background-color .18s ease, box-shadow .18s ease; }
.btn:hover:not(:disabled) { transform: translateY(-1px); }
.btn:active:not(:disabled) { transform: translateY(0) scale(.98); }
.input { transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }
a, button { -webkit-tap-highlight-color: transparent; }

@media (prefers-reduced-motion: reduce) {
  .page-enter, .animate-pop, .notification-card, .motion-card, .motion-fade, .motion-slide, .motion-pop { animation: none !important; }
  .nav-pill:hover { transform: none; }
  .notification-leaving { animation: none !important; opacity: 0; }
}

.scrollbar-hide { scrollbar-width: none; -ms-overflow-style: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; width: 0; height: 0; }

/* ===== Casino lounge: shared-time animations and neon arena ===== */
.casino-shell { isolation: isolate; }
.casino-hero {
  min-height: 290px; border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(122deg, #120b25 0%, #21103a 48%, #102b36 100%);
  box-shadow: 0 28px 90px rgba(37, 13, 70, .32), inset 0 1px 0 rgba(255,255,255,.08);
}
.casino-hero::after { content:''; position:absolute; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:38px 38px; -webkit-mask-image:linear-gradient(90deg,#000,transparent 85%); mask-image:linear-gradient(90deg,#000,transparent 85%); }
.casino-hero-orb { position:absolute; width:250px; height:250px; border-radius:999px; filter:blur(55px); opacity:.25; pointer-events:none; animation:casinoAurora 12s ease-in-out infinite alternate; }
.casino-hero-orb-one { background:#9b5cff; top:-120px; right:10%; }
.casino-hero-orb-two { background:#00d6b3; bottom:-165px; right:25%; animation-delay:-5s; }
.casino-brand-pill,.casino-live-pill,.casino-secure { display:inline-flex; align-items:center; gap:7px; border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:7px 11px; font-size:10px; font-weight:800; letter-spacing:.12em; color:rgba(255,255,255,.72); background:rgba(5,4,16,.28); backdrop-filter:blur(12px); }
.casino-brand-pill { color:#f9d994; border-color:rgba(255,210,108,.24); }
.casino-live-pill { color:#a8f6d9; letter-spacing:.1em; }
.casino-live-dot { width:6px; height:6px; display:inline-block; border-radius:999px; background:#42f5b0; box-shadow:0 0 0 0 rgba(66,245,176,.6); animation:casinoLiveDot 1.8s ease-out infinite; }
.casino-hero-title { font-size:clamp(2.65rem,7vw,5.25rem); line-height:.98; font-weight:900; letter-spacing:-.06em; color:#fff; text-shadow:0 8px 44px rgba(0,0,0,.3); }
.casino-hero-title span { background:linear-gradient(95deg,#ffe8a9,#ffc34d 42%,#9cf6df 100%); background-clip:text; -webkit-background-clip:text; color:transparent; }
.casino-stat { display:flex; flex-direction:column; gap:6px; min-width:0; padding:15px 16px; border-radius:17px; border:1px solid rgba(255,255,255,.1); background:rgba(6,5,19,.32); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.casino-stat span { display:flex; align-items:center; gap:7px; font-size:9px; font-weight:800; letter-spacing:.12em; color:rgba(255,255,255,.48); }
.casino-stat span svg { color:#f9ce73; }
.casino-stat strong { overflow:hidden; text-overflow:ellipsis; font-size:clamp(1.3rem,3vw,1.7rem); letter-spacing:-.04em; color:white; font-weight:850; }
.casino-stat small { color:rgba(255,255,255,.38); font-size:11px; }
.casino-panel { color:#f7f2ff; border:1px solid rgba(221,205,255,.1); border-radius:24px; background:linear-gradient(155deg,rgba(26,17,45,.94),rgba(12,10,25,.93)); box-shadow:0 14px 50px rgba(8,3,20,.18),inset 0 1px 0 rgba(255,255,255,.035); }
.casino-game-tile { display:flex; position:relative; overflow:hidden; align-items:center; gap:12px; min-height:92px; padding:15px; text-align:left; border:1px solid rgba(225,215,255,.11); border-radius:20px; color:white; background:linear-gradient(140deg,rgba(39,26,64,.78),rgba(19,15,35,.86)); transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s,background .28s; }
.casino-game-tile::before { content:''; position:absolute; inset:-1px; pointer-events:none; opacity:0; background:radial-gradient(220px circle at var(--mouse-x,50%) var(--mouse-y,0%),rgba(255,255,255,.12),transparent 70%); transition:opacity .25s; }
.casino-game-tile:hover { transform:translateY(-3px); border-color:rgba(255,213,117,.35); box-shadow:0 13px 30px rgba(0,0,0,.2); }
.casino-game-tile:hover::before { opacity:1; }
.casino-game-selected { border-color:rgba(255,207,92,.6); background:linear-gradient(140deg,rgba(137,88,28,.25),rgba(43,24,62,.95)); box-shadow:0 0 0 1px rgba(255,207,92,.12),0 10px 32px rgba(247,181,71,.08); }
.casino-game-icon { display:flex; width:46px; height:46px; flex:0 0 auto; align-items:center; justify-content:center; border:1px solid rgba(255,211,113,.2); border-radius:15px; color:#ffd77e; background:linear-gradient(145deg,rgba(255,201,90,.14),rgba(153,105,255,.09)); box-shadow:inset 0 1px 0 rgba(255,255,255,.07); }
.casino-game-tile b { display:block; font-size:13px; }
.casino-game-tile small { display:block; margin-top:4px; color:rgba(255,255,255,.42); font-size:10px; line-height:1.35; }
.casino-game-arrow { align-self:flex-start; color:rgba(255,255,255,.3); }
.casino-secure { color:rgba(215,255,233,.7); font-size:9px; }
.casino-demo-stage { position:relative; overflow:hidden; isolation:isolate; min-height:230px; padding:25px; border-radius:22px; border:1px solid rgba(255,255,255,.11); background:radial-gradient(ellipse at 50% 0%,rgba(137,80,239,.18),transparent 55%),linear-gradient(140deg,#171026,#0e0d1c 75%); }
.casino-stage-grid { z-index:0; opacity:.2; pointer-events:none; background-image:linear-gradient(rgba(215,191,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(215,191,255,.1) 1px,transparent 1px); background-size:29px 29px; -webkit-mask-image:linear-gradient(180deg,#000,transparent 95%); mask-image:linear-gradient(180deg,#000,transparent 95%); }
.casino-multiplier { font-size:clamp(3.6rem,9vw,6rem); font-weight:950; line-height:.95; letter-spacing:-.07em; color:#fff5d8; text-shadow:0 0 25px rgba(255,191,78,.22); }
.casino-multiplier span { margin-left:8px; font-size:.48em; color:#fbc760; letter-spacing:-.03em; }
.casino-slot-preview { display:grid; width:clamp(65px,15vw,94px); height:clamp(65px,15vw,94px); place-items:center; border-radius:20px; border:1px solid rgba(255,255,255,.13); background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.025)); font-size:clamp(2.2rem,6vw,3.6rem); box-shadow:inset 0 2px 12px rgba(255,255,255,.04),0 10px 22px rgba(0,0,0,.22); animation:casinoFloat 3s ease-in-out infinite; }
.casino-slot-preview:nth-child(2) { animation-delay:-1s; }
.casino-slot-preview:nth-child(3) { animation-delay:-2s; }
.casino-wheel { position:relative; display:grid; place-items:center; width:145px; height:145px; border-radius:50%; border:7px solid #dcb96a; background:repeating-conic-gradient(#b91c3a 0deg 15deg,#191424 15deg 30deg,#087d67 30deg 36deg,#191424 36deg 45deg); box-shadow:0 0 0 5px rgba(255,255,255,.06),0 12px 32px rgba(0,0,0,.35),0 0 35px rgba(225,176,77,.15); transition:transform 3s cubic-bezier(.12,.75,.08,1); }
.casino-wheel::before { content:''; position:absolute; top:-12px; left:calc(50% - 7px); border-left:7px solid transparent; border-right:7px solid transparent; border-top:17px solid #fff2c2; filter:drop-shadow(0 2px 3px rgba(0,0,0,.45)); z-index:3; }
.casino-wheel-center { display:grid; place-items:center; width:49px; height:49px; border-radius:50%; border:2px solid #f5daa0; background:radial-gradient(circle,#352447,#090711); color:#fff1c5; font-size:12px; font-weight:900; box-shadow:0 0 16px rgba(255,205,104,.2); }
.casino-wheel-preview { width:156px;height:156px; }
.casino-color-choice { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:12px 8px; border:1px solid rgba(255,255,255,.14); border-radius:14px; font-size:13px; font-weight:800; color:white; transition:transform .22s,border-color .22s,box-shadow .22s; }
.casino-color-choice small { margin-top:4px; font-size:10px; opacity:.65; font-weight:600; }
.casino-color-choice:hover { transform:translateY(-2px); }
.casino-red { background:linear-gradient(145deg,#a92c4c,#52162d); }
.casino-black { background:linear-gradient(145deg,#292433,#080710); }
.casino-green { background:linear-gradient(145deg,#087c65,#073b34); }
.casino-color-selected { border-color:#ffdf8a; box-shadow:0 0 0 2px rgba(255,216,125,.18),0 0 22px rgba(255,211,112,.12); transform:translateY(-2px); }
.casino-case-mini { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; padding:14px 5px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:rgba(0,0,0,.2); animation:casinoCaseBob 2.6s ease-in-out infinite; }
.casino-case-mini span { font-size:29px; }
.casino-case-mini small { color:rgba(255,255,255,.48); font-size:10px; }
.casino-input { border-color:rgba(255,255,255,.12)!important; background:rgba(4,3,14,.5)!important; color:#fff!important; }
.casino-primary-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:14px 18px; border:1px solid rgba(255,228,169,.42); border-radius:15px; color:#281707; font-size:13px; font-weight:900; background:linear-gradient(105deg,#ffdf8d,#f8b843 55%,#f6d287); box-shadow:0 8px 26px rgba(219,159,50,.15),inset 0 1px 0 rgba(255,255,255,.6); transition:transform .2s,box-shadow .2s,filter .2s; }
.casino-primary-button:hover { transform:translateY(-2px); box-shadow:0 13px 32px rgba(219,159,50,.22),inset 0 1px 0 rgba(255,255,255,.6); filter:brightness(1.04); }
.casino-primary-button:disabled { opacity:.55; cursor:not-allowed; transform:none; }
.casino-stake-pill { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border:1px solid rgba(250,211,123,.16); border-radius:8px; color:#f8dc9a; background:rgba(255,205,92,.06); font-size:11px; font-weight:800; white-space:nowrap; }
.casino-count-pill { display:grid; min-width:28px; height:28px; place-items:center; padding:0 7px; border-radius:10px; color:#a5f6d4; background:rgba(57,226,164,.1); font-size:12px; font-weight:900; }
.casino-lobby-card { margin-top:10px; padding:14px; border-radius:17px; border:1px solid rgba(255,255,255,.095); background:linear-gradient(125deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); animation:casinoCardIn .3s ease both; }
.casino-timer { display:inline-flex; align-items:center; gap:5px; padding:5px 7px; border:1px solid rgba(88,231,177,.17); border-radius:8px; color:#9debcf; background:rgba(35,189,137,.075); font:800 11px ui-monospace,monospace; }
.casino-timer-danger { border-color:rgba(251,113,133,.25); color:#fda4af; background:rgba(244,63,94,.1); animation:casinoTimerPulse .9s ease-in-out infinite; }
.casino-join-button { display:flex; align-items:center; justify-content:center; gap:9px; padding:10px 12px; border-radius:12px; background:rgba(71,220,169,.1); border:1px solid rgba(71,220,169,.22); color:#b9f9df; font-size:12px; font-weight:850; transition:all .22s; }
.casino-join-button:hover { background:rgba(71,220,169,.17); border-color:rgba(71,220,169,.45); transform:translateY(-1px); }
.casino-join-button:disabled { opacity:.45; cursor:not-allowed; transform:none; }
.casino-empty { display:flex; align-items:center; flex-direction:column; padding:32px 12px; text-align:center; color:rgba(255,255,255,.45); }
.casino-empty svg { margin-bottom:12px; opacity:.5; }
.casino-empty p { color:rgba(255,255,255,.7); font-size:13px; font-weight:700; }
.casino-empty small,.casino-empty-text { margin-top:5px; color:rgba(255,255,255,.38); font-size:11px; line-height:1.6; }
.casino-round-card { min-width:0; overflow:hidden; padding:16px; border-radius:19px; border:1px solid rgba(255,255,255,.11); background:radial-gradient(ellipse at 70% 0%,rgba(141,78,230,.12),transparent 48%),linear-gradient(140deg,#171128,#100d1d); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); animation:casinoCardIn .35s cubic-bezier(.2,.8,.2,1) both; }
.casino-round-featured { padding:20px; border-color:rgba(255,204,104,.28); box-shadow:0 15px 45px rgba(0,0,0,.16),0 0 30px rgba(235,183,75,.06),inset 0 1px 0 rgba(255,255,255,.05); }
.casino-round-win { border-color:rgba(84,237,176,.23); }
.casino-round-big { margin-top:7px; font-size:clamp(1.3rem,3vw,1.75rem); line-height:1.15; font-weight:950; letter-spacing:-.035em; color:#fff; }
.casino-round-spinning .casino-round-big { color:#f8dfa2; animation:casinoTextPulse 1.15s ease-in-out infinite; }
.casino-reels { display:flex; gap:4px; flex:0 0 auto; }
.casino-reels span { display:grid; place-items:center; width:clamp(36px,5vw,52px); height:54px; border:1px solid rgba(255,218,137,.22); border-radius:11px; background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02)); font-size:clamp(1.35rem,3vw,1.7rem); overflow:hidden; }
.casino-round-spinning .casino-reels span { animation:casinoReelSpin .35s linear infinite; filter:blur(.45px); }
.casino-crash-graph { flex:0 0 auto; width:clamp(100px,22vw,170px); height:74px; overflow:hidden; border-radius:10px; background:rgba(255,255,255,.025); }
.casino-round-spinning .casino-crash-graph svg { animation:casinoGraphPulse .65s ease-in-out infinite alternate; }
.casino-wheel { transition:none; }
.casino-round-spinning .casino-wheel { animation:casinoWheelSpin 1s cubic-bezier(.15,.75,.15,1) infinite; }
.casino-round-finished .casino-round-big,.casino-round-win .casino-round-big { animation:casinoReveal .45s cubic-bezier(.2,.8,.2,1) both; }
.casino-battle-live { min-width:0; overflow:hidden; padding:16px; border-radius:22px; border:1px solid rgba(211,164,255,.17); background:radial-gradient(ellipse at 50% 0%,rgba(164,85,245,.17),transparent 60%),linear-gradient(145deg,#1c1331,#0d0b19 80%); box-shadow:0 14px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04); animation:casinoCardIn .36s ease both; }
.casino-battle-finished { border-color:rgba(255,210,115,.25); }
.casino-player-orb { display:grid; width:54px; height:54px; margin:auto; place-items:center; border-radius:18px; border:1px solid rgba(255,211,118,.26); color:#ffdfa0; background:radial-gradient(circle at 35% 20%,rgba(255,213,122,.2),rgba(119,68,186,.12)); box-shadow:0 0 23px rgba(255,198,89,.08),inset 0 1px 0 rgba(255,255,255,.08); font-size:22px; font-weight:950; }
.casino-player-orb-alt { border-color:rgba(128,227,255,.24); color:#a9ecff; background:radial-gradient(circle at 35% 20%,rgba(128,227,255,.17),rgba(78,68,186,.12)); }
.casino-vs { display:grid; place-items:center; width:37px; height:37px; border:1px solid rgba(255,255,255,.13); border-radius:50%; color:#ffe1a0; background:rgba(255,255,255,.04); font-size:11px; font-weight:950; box-shadow:0 0 21px rgba(255,211,121,.06); }
.casino-vs-done { color:#9af6d1; border-color:rgba(88,240,177,.24); }
.casino-chest-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:18px; }
.casino-chest { display:flex; min-width:0; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:13px 4px 10px; border-radius:14px; border:1px solid rgba(255,255,255,.09); background:linear-gradient(140deg,rgba(255,255,255,.06),rgba(0,0,0,.16)); animation:casinoChestRattle .68s ease-in-out infinite; }
.casino-chest span { color:#ffdf93; font-size:24px; text-shadow:0 0 15px rgba(255,194,77,.4); }
.casino-chest small { color:rgba(255,255,255,.38); font-size:9px; letter-spacing:.13em; }
.casino-progress { overflow:hidden; width:100%; height:4px; margin-top:13px; border-radius:999px; background:rgba(255,255,255,.08); }
.casino-progress span { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#a47aff,#ffd16d,#5bf0c0); box-shadow:0 0 13px rgba(255,213,108,.36); transition:width .12s linear; }
.casino-final-drops { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px; padding:12px; border-radius:14px; background:rgba(0,0,0,.17); animation:casinoReveal .45s cubic-bezier(.2,.8,.2,1) both; }
.casino-drop { display:grid; width:34px; height:34px; place-items:center; border-radius:10px; border:1px solid rgba(255,220,147,.17); background:rgba(255,255,255,.055); font-size:17px; }
.casino-consent-card { border:1px solid rgba(255,209,104,.25); border-radius:26px; background:radial-gradient(ellipse at 85% 0%,rgba(164,84,248,.22),transparent 56%),linear-gradient(140deg,#1b1230,#0d0a1a); box-shadow:0 25px 110px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05); animation:casinoConsentIn .4s cubic-bezier(.2,.8,.2,1) both; }
.casino-consent-icon { display:grid; width:54px; height:54px; flex:0 0 auto; place-items:center; border:1px solid rgba(255,210,113,.23); border-radius:17px; color:#ffda86; background:rgba(255,210,113,.09); }
@keyframes casinoAurora { 0%{transform:translate3d(-12px,0,0) scale(.9)}100%{transform:translate3d(28px,27px,0) scale(1.16)} }
@keyframes casinoLiveDot { 0%{box-shadow:0 0 0 0 rgba(66,245,176,.55)}75%,100%{box-shadow:0 0 0 7px rgba(66,245,176,0)} }
@keyframes casinoFloat { 0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)} }
@keyframes casinoCaseBob { 0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)} }
@keyframes casinoCardIn { from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes casinoConsentIn { from{opacity:0;transform:translateY(14px) scale(.975);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)} }
@keyframes casinoTimerPulse { 0%,100%{box-shadow:0 0 0 rgba(251,113,133,0)}50%{box-shadow:0 0 18px rgba(251,113,133,.16)} }
@keyframes casinoTextPulse { 0%,100%{opacity:.67;transform:scale(.99)}50%{opacity:1;transform:scale(1.015)} }
@keyframes casinoReelSpin { 0%{transform:translateY(-10px);filter:blur(2px)}100%{transform:translateY(10px);filter:blur(.3px)} }
@keyframes casinoWheelSpin { from{transform:rotate(0deg)}to{transform:rotate(720deg)} }
@keyframes casinoGraphPulse { from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(-2px)} }
@keyframes casinoChestRattle { 0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-1px) rotate(-1deg)}75%{transform:translateX(1px) rotate(1deg)} }
@keyframes casinoReveal { from{opacity:0;transform:translateY(7px) scale(.96);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)} }
@media(max-width:640px) { .casino-hero { border-radius:23px; } .casino-demo-stage { padding:19px; min-height:210px; } .casino-round-card { padding:13px; } .casino-round-featured { padding:16px; } .casino-battle-live { padding:13px; } .casino-stat { padding:12px; } .casino-stat small { font-size:10px; } }


/* v25: collapsible casino rail and live-round visuals */
.casino-play-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; align-items:start; min-width:0; }
.casino-category-nav { display:flex; flex-wrap:wrap; align-items:stretch; gap:.5rem; min-width:0; transition:width .25s ease, padding .25s ease; }
.casino-category-nav > div { display:flex; align-items:center; justify-content:space-between; gap:.5rem; width:100%; min-height:28px; }
.casino-collapse-button { display:grid; width:30px; height:30px; flex:0 0 auto; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:10px; color:#f7dc99; background:rgba(255,255,255,.04); transition:background .2s ease,transform .2s ease; }
.casino-collapse-button:hover { background:rgba(255,213,117,.1); transform:translateY(-1px); }
.casino-category-item { display:flex; align-items:center; justify-content:flex-start; gap:10px; min-width:0; min-height:42px; padding:8px 10px; border:1px solid rgba(255,255,255,.065); border-radius:13px; color:rgba(255,255,255,.65); background:rgba(255,255,255,.025); text-align:left; transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease; }
.casino-category-item:hover { color:#fff; transform:translateY(-1px); border-color:rgba(255,218,137,.25); }
.casino-category-item-selected { color:#ffe6a7; border-color:rgba(255,211,108,.33); background:linear-gradient(110deg,rgba(235,175,66,.14),rgba(171,107,255,.08)); box-shadow:inset 0 0 0 1px rgba(255,211,108,.055); }
.casino-category-icon { display:grid; width:29px; height:29px; flex:0 0 auto; place-items:center; border-radius:9px; color:#ffdc8f; background:rgba(255,208,102,.075); }
.casino-category-label { min-width:0; overflow:hidden; font-size:12px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.casino-category-nav-collapsed { justify-content:center; padding:9px !important; }
.casino-category-nav-collapsed > div { justify-content:center; }
.casino-category-nav-collapsed .casino-category-item { justify-content:center; padding:7px; }
.casino-sound-toggle { display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:rgba(255,255,255,.72); background:rgba(4,3,14,.32); font-size:10px; font-weight:800; transition:all .2s ease; }
.casino-sound-toggle:hover { color:#ffe5a8; border-color:rgba(255,214,127,.33); background:rgba(255,213,118,.075); }
.casino-live-table { border-color:rgba(72,235,185,.2); background:radial-gradient(ellipse at 50% 0%,rgba(34,219,167,.11),transparent 48%),radial-gradient(ellipse at 80% 30%,rgba(149,84,252,.14),transparent 55%),linear-gradient(145deg,#171127,#0a1018 76%); box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 15px 45px rgba(1,3,14,.24); }
.casino-live-wheel { will-change:transform; }
.casino-wheel-live-spinning { transition:transform .095s linear !important; animation:none !important; }
.casino-wheel-live-stopped { transition:transform 1.45s cubic-bezier(.12,.76,.08,1); box-shadow:0 0 0 5px rgba(255,255,255,.07),0 12px 32px rgba(0,0,0,.35),0 0 45px rgba(225,176,77,.25); }
.casino-wheel-live-stopped::after { content:''; position:absolute; inset:-14px; border:1px solid rgba(255,216,124,.24); border-radius:50%; animation:casinoRevealRing .8s ease-out both; }
.casino-live-result-reveal { display:flex; flex-direction:column; align-items:center; gap:4px; margin-top:17px; animation:casinoLiveResult .55s cubic-bezier(.16,1,.3,1) both; }
.casino-live-result-reveal span { color:rgba(255,255,255,.42); font-size:9px; font-weight:900; letter-spacing:.25em; }
.casino-live-result-reveal strong { font-size:clamp(1.35rem,4vw,1.8rem); font-weight:950; letter-spacing:.12em; text-shadow:0 0 24px currentColor; }
.casino-pool-card { display:flex; min-width:0; flex-direction:column; gap:6px; padding:11px; border:1px solid rgba(255,255,255,.1); border-radius:13px; box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.casino-pool-card span { font-size:11px; color:rgba(255,255,255,.7); }
.casino-pool-card b { overflow-wrap:anywhere; color:white; font-size:clamp(.85rem,2vw,1.05rem); font-weight:900; }
.casino-pool-card small { font-size:9px; color:rgba(255,255,255,.38); }
.casino-pool-bar { display:flex; overflow:hidden; width:100%; height:9px; border-radius:999px; background:rgba(255,255,255,.06); box-shadow:inset 0 1px 3px rgba(0,0,0,.5); }
.casino-pool-bar span { display:block; height:100%; min-width:0; transition:width .42s cubic-bezier(.2,.8,.2,1); }
.casino-pool-red-segment { background:linear-gradient(90deg,#fb7185,#e11d48); }
.casino-pool-black-segment { background:linear-gradient(90deg,#5b5369,#17131f); }
.casino-pool-green-segment { background:linear-gradient(90deg,#34d399,#047857); }
.casino-round-win { animation:casinoWinnerGlow 1.5s ease-in-out 2; }
.casino-round-finished:not(.casino-round-win) { animation:casinoLoserHold .6s ease both; }
.casino-chest-roll { display:inline-block; min-width:30px; text-align:center; animation:casinoDropRoll .22s ease both; }
.casino-battle-finished .casino-drop { animation:casinoDropReveal .46s cubic-bezier(.16,1,.3,1) both; }
.casino-battle-finished .casino-drop:nth-child(2) { animation-delay:.07s; }
.casino-battle-finished .casino-drop:nth-child(3) { animation-delay:.14s; }
@keyframes casinoRevealRing { from{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.16)} }
@keyframes casinoLiveResult { from{opacity:0;transform:translateY(9px) scale(.94);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)} }
@keyframes casinoWinnerGlow { 0%,100%{box-shadow:0 0 0 rgba(68,236,173,0)}50%{box-shadow:0 0 27px rgba(68,236,173,.18)} }
@keyframes casinoLoserHold { from{filter:brightness(1.25)}to{filter:brightness(1)} }
@keyframes casinoDropRoll { from{opacity:.25;transform:translateY(-6px) scale(.78);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)} }
@keyframes casinoDropReveal { from{opacity:0;transform:translateY(8px) scale(.8) rotate(-9deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)} }
@media(min-width:720px) {
 .casino-play-layout { grid-template-columns:200px minmax(0,1.35fr); }
 .casino-play-layout > aside { grid-column:2; }
 .casino-play-layout > section.casino-panel { grid-column:2; grid-row:1; }
 .casino-category-nav { grid-column:1; grid-row:1 / span 3; flex-direction:column; align-items:stretch; position:sticky; top:14px; }
 .casino-category-item { width:100%; }
 .casino-category-nav-collapsed { width:62px; }
 .casino-play-layout-collapsed { grid-template-columns:62px minmax(0,1.35fr); }
}
@media(min-width:1180px) {
 .casino-play-layout { grid-template-columns:200px minmax(0,1.25fr) minmax(285px,.8fr); }
 .casino-play-layout > aside { grid-column:3; grid-row:1; }
 .casino-play-layout > section.casino-panel { grid-column:2; grid-row:1; }
 .casino-play-layout-collapsed { grid-template-columns:62px minmax(0,1.25fr) minmax(285px,.8fr); }
}
@media(max-width:719px) {
 .casino-category-item { flex:1 1 calc(50% - .5rem); }
 .casino-category-nav-collapsed .casino-category-item { flex:0 0 auto; }
 .casino-live-table { padding:17px; }
 .casino-pool-card { padding:8px 6px; }
 .casino-sound-toggle span { display:none; }
}
@media(prefers-reduced-motion:reduce) {
 .casino-category-item,.casino-collapse-button,.casino-sound-toggle,.casino-pool-bar span { transition:none !important; }
 .casino-wheel-live-spinning { transition:none !important; }
 .casino-live-result-reveal,.casino-wheel-live-stopped::after,.casino-round-win,.casino-round-finished:not(.casino-round-win),.casino-chest-roll,.casino-battle-finished .casino-drop { animation:none !important; }
}

/* ===== Vehicle catalog ===== */
.vehicle-catalog-hero { box-shadow: 0 28px 90px rgba(13,17,42,.24), inset 0 1px 0 rgba(255,255,255,.07); }
.vehicle-card { animation: vehicleCardIn .42s cubic-bezier(.22,1,.36,1) both; }
.vehicle-viewer { box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 22px 72px rgba(3,5,12,.22); }
@keyframes vehicleCardIn { from { opacity:0; transform:translateY(9px) scale(.99); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (prefers-reduced-motion: reduce) { .vehicle-card { animation:none !important; } }
.last\:border-0:last-child {
  border-width: 0px;
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-\[55\%\]:hover {
  --tw-translate-y: -55%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-brand\/50:hover {
  border-color: rgb(139 92 246 / 0.5);
}
.hover\:border-brand\/60:hover {
  border-color: rgb(139 92 246 / 0.6);
}
.hover\:border-brand\/70:hover {
  border-color: rgb(139 92 246 / 0.7);
}
.hover\:border-gold\/30:hover {
  border-color: rgb(251 191 36 / 0.3);
}
.hover\:border-gold\/40:hover {
  border-color: rgb(251 191 36 / 0.4);
}
.hover\:border-gold\/50:hover {
  border-color: rgb(251 191 36 / 0.5);
}
.hover\:border-line\/40:hover {
  border-color: rgb(var(--line) / 0.4);
}
.hover\:bg-brand\/10:hover {
  background-color: rgb(139 92 246 / 0.1);
}
.hover\:text-gold:hover {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.hover\:text-ink:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--ink) / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-gold:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1));
}
.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.035\] {
  --tw-scale-x: 1.035;
  --tw-scale-y: 1.035;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-gold\/60 {
  border-color: rgb(251 191 36 / 0.6);
}
.group:hover .group-hover\:bg-gold\/15 {
  background-color: rgb(251 191 36 / 0.15);
}
.group:hover .group-hover\:text-gold {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.dark\:bg-white\/5:is(.dark *) {
  background-color: rgb(255 255 255 / 0.05);
}
.dark\:\!text-red-300:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1)) !important;
}
.dark\:text-green-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}
.dark\:text-red-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:h-\[490px\] {
    height: 490px;
  }

  .sm\:min-w-\[105px\] {
    min-width: 105px;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[1fr_1fr_auto\] {
    grid-template-columns: 1fr 1fr auto;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-4 {
    gap: 1rem;
  }

  .sm\:p-12 {
    padding: 3rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 768px) {

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-\[280px_1fr\] {
    grid-template-columns: 280px 1fr;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items: center;
  }
}
@media (min-width: 1024px) {

  .lg\:block {
    display: block;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1\.05fr_\.95fr\] {
    grid-template-columns: 1.05fr .95fr;
  }

  .lg\:grid-cols-\[380px_1fr\] {
    grid-template-columns: 380px 1fr;
  }

  .lg\:grid-cols-\[420px_1fr\] {
    grid-template-columns: 420px 1fr;
  }

  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }
}
@media (min-width: 1280px) {

  .xl\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:h-\[590px\] {
    height: 590px;
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[460px_1fr\] {
    grid-template-columns: 460px 1fr;
  }

  .xl\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 1536px) {

  .\32xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-\[minmax\(0\2c 1\.55fr\)_minmax\(330px\2c \.75fr\)\] {
    grid-template-columns: minmax(0,1.55fr) minmax(330px,.75fr);
  }
}