:root { --red: #e5484d; --orange: #f76b15; --amber: #ffc53d; --yellow: #ffe629; --lime: #bdee63; --green: #30a46c; --teal: #12a594; --cyan: #00a2c7; --blue: #0090ff; --indigo: #3e63dd; --purple: #8e4ec6; --pink: #d6409f; --neutral-01: #fff; --neutral-02: #f8fafc; --neutral-03: #f1f5f9; --neutral-04: #e2e8f0; --neutral-05: #cbd5e1; --neutral-06: #94a3b8; --neutral-07: #64748b; --neutral-08: #475569; --neutral-09: #334155; --neutral-10: #1e293b; --neutral-11: #0f172a; --neutral-12: #020617; } 
@media (color-gamut: p3) { @supports (color: color(display-p3 0 0 0)){
 :root { --red: color(display-p3 0.83 0.329 0.324); --orange: color(display-p3 0.9 0.45 0.2); --amber: color(display-p3 1 0.77 0.26); --yellow: color(display-p3 1 0.92 0.22); --lime: color(display-p3 0.78 0.928 0.466); --green: color(display-p3 0.332 0.634 0.442); --teal: color(display-p3 0.297 0.637 0.581); --cyan: color(display-p3 0.282 0.627 0.765); --blue: color(display-p3 0.247 0.556 0.969); --indigo: color(display-p3 0.276 0.384 0.837); --purple: color(display-p3 0.523 0.318 0.751); --pink: color(display-p3 0.775 0.297 0.61); --neutral-01: color(display-p3 1 1 1); --neutral-02: color(display-p3 0.973 0.98 0.988); --neutral-03: color(display-p3 0.945 0.961 0.976); --neutral-04: color(display-p3 0.886 0.91 0.941); --neutral-05: color(display-p3 0.796 0.835 0.882); --neutral-06: color(display-p3 0.58 0.639 0.722); --neutral-07: color(display-p3 0.392 0.455 0.545); --neutral-08: color(display-p3 0.278 0.333 0.412); --neutral-09: color(display-p3 0.2 0.255 0.333); --neutral-10: color(display-p3 0.118 0.161 0.231); --neutral-11: color(display-p3 0.059 0.09 0.165); --neutral-12: color(display-p3 0.008 0.024 0.09); } 
 } 
 }
:root { --text-01: clamp(0.75rem, 0.21vw + 0.71rem, 0.88rem); --text-02: clamp(0.9rem, 0.32vw + 0.84rem, 1.09rem); --text-03: clamp(1.08rem, 0.48vw + 0.98rem, 1.37rem); --text-04: clamp(1.3rem, 0.69vw + 1.16rem, 1.71rem); --text-05: clamp(1.56rem, 0.97vw + 1.36rem, 2.14rem); --text-06: clamp(1.87rem, 1.34vw + 1.6rem, 2.67rem); --space-01: clamp(0.75rem, 0.7083rem + 0.2083vw, 0.875rem); --space-02: clamp(1.125rem, 1.0625rem + 0.3125vw, 1.3125rem); --space-03: clamp(1.5rem, 1.4167rem + 0.4167vw, 1.75rem); --space-04: clamp(2.25rem, 2.125rem + 0.625vw, 2.625rem); --space-05: clamp(3rem, 2.8333rem + 0.8333vw, 3.5rem); --space-06: clamp(4.5rem, 4.25rem + 1.25vw, 5.25rem); --base-size: 100%; --gap: 1rem; --rounded-sm: 0.375rem; --rounded-md: 0.75rem; --rounded-lg: 1.125rem; --fluid: cubic-bezier(0.36, 0.66, 0.6, 1); --sharp: cubic-bezier(0.6, 0.12, 0.34, 0.96); --elastic: cubic-bezier(0.42, 0, 0.58, 1.8); --impact: cubic-bezier(0.24, 0.9, 0.32, 1.4); } 
* { box-sizing: border-box; position: relative; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
@media (prefers-reduced-motion: no-preference) { * { scroll-behavior: smooth; } 
 }
body,
html { margin: 0; padding: 0; line-height: 1.8; } 
html { text-size-adjust: none; font-size: var(--base-size); font-variation-settings: normal; } 
body { font-size: var(--text-01); } 
#__next,
#root { isolation: isolate; } 
h1 { font-size: var(--text-06); } 
h1,
h2 { margin: 0; padding: 0; font-weight: 700; } 
h2 { font-size: var(--text-05); } 
h3 { font-size: var(--text-04); } 
h3,
h4 { margin: 0; padding: 0; font-weight: 700; } 
h4 { font-size: var(--text-03); } 
h5 { font-size: var(--text-02); } 
h5,
h6 { margin: 0; padding: 0; font-weight: 700; } 
h6 { font-size: var(--text-01); } 
b,
p,
strong,
sub,
sup { margin: 0; padding: 0; } 
b,
strong { font-weight: 700; } 
sub,
sup { position: relative; vertical-align: baseline; } 
button,
input,
select,
textarea { font-family: inherit; } 
article,
figure,
img { margin: 0; padding: 0; border-style: none; } 
img { max-width: 100%; max-height: 100%; } 
hr { width: 100%; height: 0.125em; margin: 0; padding: 0; display: block; border: none; } 
.row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; gap: var(--gap); } 
.row.is-gapless { gap: 0; } 
.col { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: 0; } 
.col.is-1 { flex: none; width: 8.3333333333%; } 
.col.is-2 { flex: none; width: 16.6666666667%; } 
.col.is-3 { flex: none; width: 25%; } 
.col.is-4 { flex: none; width: 33.3333333333%; } 
.col.is-5 { flex: none; width: 41.6666666667%; } 
.col.is-6 { flex: none; width: 50%; } 
.col.is-7 { flex: none; width: 58.3333333333%; } 
.col.is-8 { flex: none; width: 66.6666666667%; } 
.col.is-9 { flex: none; width: 75%; } 
.col.is-10 { flex: none; width: 83.3333333333%; } 
.col.is-11 { flex: none; width: 91.6666666667%; } 
.col.is-12 { flex: none; width: 100%; } 
@media screen and (max-width: 64rem){
 .row { flex-direction: column; } 
 .col { width: 100%; } 
 }
.hide,
.hide-on-desk { display: none; visibility: hidden; } 
.flex { display: flex; } 
.flex-center { display: flex; align-items: center; justify-content: center; } 
.flow-column-wrap { flex-direction: column; flex-wrap: wrap; } 
.flow-column-nowrap { flex-direction: column; flex-wrap: nowrap; } 
.flow-row-wrap { flex-direction: row; flex-wrap: wrap; } 
.flow-row-nowrap { flex-direction: row; flex-wrap: nowrap; } 
.align-center { align-items: center; } 
.align-end { align-items: flex-end; } 
.align-start { align-items: flex-start; } 
.align-stretch { align-items: stretch; } 
.justify-around { justify-content: space-around; } 
.justify-between { justify-content: space-between; } 
.justify-evenly { justify-content: space-evenly; } 
.justify-center { justify-content: center; } 
.justify-end { justify-content: flex-end; } 
.justify-start { justify-content: flex-start; } 
.gap-01 { gap: var(--space-01); } 
.gap-02 { gap: var(--space-02); } 
.gap-03 { gap: var(--space-03); } 
.gap-04 { gap: var(--space-04); } 
.gap-05 { gap: var(--space-05); } 
.gap-06 { gap: var(--space-06); } 
.is-gapless { gap: 0; } 
.sr-only { position: absolute; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; opacity: 0; clip: rect(0, 0, 0, 0); border: none; white-space: nowrap; } 
@media screen and (max-width: 64rem){
 .hide-on-desk { display: block; visibility: visible; } 
 .hide-on-mb { display: none; visibility: hidden; } 
 }
* { outline-color: var(--neutral-04); outline-width: thin; outline-offset: 0.125rem; font: inherit; } 
::selection { background-color: var(--neutral-04); background-blend-mode: multiply; color: var(--neutral-10); } 
body { display: flex; position: relative; flex-direction: column; align-items: center; min-height: 100dvh; background-color: var(--neutral-01); color: var(--neutral-09); font-size: 0.75rem; font-family: var(--font-inter); } 

section ol,
section ul { margin: 0; } 
b,
strong { font-weight: 500; } 
hr { height: 0.0625rem; background-color: var(--neutral-04); } 
a { color: inherit; font-weight: 500; text-decoration: underline; -webkit-text-decoration-color: var(--neutral-07); text-decoration-color: var(--neutral-07); text-decoration-thickness: 0.0313rem; text-underline-offset: 0.125rem; } 
a:focus,
a:hover { -webkit-text-decoration-color: var(--neutral-08); text-decoration-color: var(--neutral-08); } 
.title,
h1,
h2,
h3,
h4,
h5,
h6 { color: inherit; font-weight: 600; font-size: inherit; } 
.title.primary,
h1.primary,
h2.primary,
h3.primary,
h4.primary,
h5.primary,
h6.primary { color: var(--neutral-10); font-weight: 900; } 
ol,
ul { padding-left: 1.5em; } 
.container { width: 30rem; /* CHANGED FROM 42rem */
 min-width: 0; max-width: 100%; /* CHANGED: REMOVED - margin-top: var(--space-03); */
 padding: 0 var(--space-02) var(--space-04) var(--space-02); /* CHANGED: padding: var(--space-04) var(--space-03) var(--space-06) var(--space-03); */}
.text { display: flex; flex-direction: column; flex-wrap: wrap; gap: var(--space-01); } 
.icon { color: inherit; /* CHANGED - REMOVED: font-size: 2em; */}
.actions-group { margin: 1em 0 0; gap: 1em; } 
.action { display: flex; position: relative; align-items: center; justify-content: center; margin: 0; padding: 0.75em 1em; gap: 0.5rem; border: 0.0625rem solid var(--neutral-04); border-radius: var(--rounded-sm); background-color: var(--neutral-01); box-shadow: var(--custom-box-shadow); color: var(--neutral-09); font-weight: 600; line-height: 1; text-decoration: none; cursor: pointer; transition: background-color 0.24s var(--fluid); } 
.action:hover { background-color: var(--neutral-03); }