html{--mat-sys-background: light-dark(#f7faf9, #101414);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1f0, #2d3131);--mat-sys-inverse-primary: light-dark(#00dddd, #006a6a);--mat-sys-inverse-surface: light-dark(#2d3131, #e0e3e2);--mat-sys-on-background: light-dark(#191c1c, #e0e3e2);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003737);--mat-sys-on-primary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-primary-fixed: light-dark(#002020, #002020);--mat-sys-on-primary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-on-secondary: light-dark(#ffffff, #1b3534);--mat-sys-on-secondary-container: light-dark(#324b4b, #cce8e7);--mat-sys-on-secondary-fixed: light-dark(#051f1f, #051f1f);--mat-sys-on-secondary-fixed-variant: light-dark(#324b4b, #324b4b);--mat-sys-on-surface: light-dark(#191c1c, #e0e3e2);--mat-sys-on-surface-variant: light-dark(#3f4948, #dae5e4);--mat-sys-on-tertiary: light-dark(#ffffff, #502400);--mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);--mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);--mat-sys-outline: light-dark(#6f7979, #889392);--mat-sys-outline-variant: light-dark(#bec9c8, #3f4948);--mat-sys-primary: light-dark(#006a6a, #00dddd);--mat-sys-primary-container: light-dark(#00fbfb, #004f4f);--mat-sys-primary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-primary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4a6363, #b0cccb);--mat-sys-secondary-container: light-dark(#cce8e7, #324b4b);--mat-sys-secondary-fixed: light-dark(#cce8e7, #cce8e7);--mat-sys-secondary-fixed-dim: light-dark(#b0cccb, #b0cccb);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f7faf9, #101414);--mat-sys-surface-bright: light-dark(#f7faf9, #363a39);--mat-sys-surface-container: light-dark(#ebefed, #1c2020);--mat-sys-surface-container-high: light-dark(#e6e9e7, #272b2a);--mat-sys-surface-container-highest: light-dark(#e0e3e2, #313635);--mat-sys-surface-container-low: light-dark(#f1f4f3, #191c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f0e);--mat-sys-surface-dim: light-dark(#d7dbd9, #101414);--mat-sys-surface-tint: light-dark(#006a6a, #00dddd);--mat-sys-surface-variant: light-dark(#dae5e4, #3f4948);--mat-sys-tertiary: light-dark(#964900, #ffb787);--mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);--mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-amber-400: oklch(82.8% .189 84.429);--color-green-400: oklch(79.2% .209 151.711);--color-neutral-400: oklch(70.8% 0 0);--color-neutral-700: oklch(37.1% 0 0);--color-neutral-800: oklch(26.9% 0 0);--spacing: .25rem;--container-lg: 32rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-extrabold: 800;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ease-out: cubic-bezier(0, 0, .2, 1);--animate-spin: spin 1s linear infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-3xl: 64px;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing) * 0)}.z-50{z-index:50}.m-8{margin:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.my-12{margin-block:calc(var(--spacing) * 12)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.flex{display:flex}.hidden{display:none}.table{display:table}.h-10{height:calc(var(--spacing) * 10)}.min-h-screen{min-height:100vh}.w-10{width:calc(var(--spacing) * 10)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.flex-col{flex-direction:column}.justify-center{justify-content:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-neutral-700{border-color:var(--color-neutral-700)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-amber-400{color:var(--color-amber-400)}.text-green-400{color:var(--color-green-400)}.text-neutral-400{color:var(--color-neutral-400)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-200{--tw-duration: .2s;transition-duration:.2s}@media (hover: hover){.hover\:bg-neutral-800\/70:hover{background-color:color-mix(in srgb,oklch(26.9% 0 0) 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-neutral-800\/70:hover{background-color:color-mix(in oklab,var(--color-neutral-800) 70%,transparent)}}}@media (width >= 64rem){.lg\:hidden{display:none}}}:root{--surface-0: #f7f2e8;--surface-1: #fffbf5;--surface-2: #ffffff;--surface-raised: rgba(255, 251, 245, .96);--surface-translucent: rgba(255, 255, 255, .82);--surface-inverse: #20180f;--surface-inverse-2: #2c2018;--ink-strong: #20180f;--ink: #4e4237;--ink-muted: #8a7e70;--ink-subtle: #a89c8e;--ink-inverse: #fff7ef;--ink-inverse-muted: #e8d9c4;--accent: #8a4b14;--accent-strong: #b4661a;--accent-soft: rgba(244, 177, 131, .22);--secondary: #345e7e;--secondary-soft: rgba(31, 78, 121, .18);--border: rgba(34, 24, 15, .08);--border-strong: rgba(34, 24, 15, .18);--divider: rgba(34, 24, 15, .1);--success: #3d7e5a;--success-bg: rgba(61, 126, 90, .12);--success-border: rgba(61, 126, 90, .32);--warning: #b26a1a;--warning-bg: rgba(178, 106, 26, .12);--warning-border: rgba(178, 106, 26, .32);--danger: #b44224;--danger-bg: rgba(180, 66, 36, .1);--danger-border: rgba(180, 66, 36, .3);--info: #345e7e;--info-bg: rgba(52, 94, 126, .12);--info-border: rgba(52, 94, 126, .32);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(44, 36, 22, .05);--shadow-sm: 0 4px 16px rgba(44, 36, 22, .06);--shadow-md: 0 18px 60px rgba(44, 36, 22, .08);--shadow-lg: 0 24px 80px rgba(44, 36, 22, .14);--shadow-inverse: 0 10px 30px rgba(0, 0, 0, .22);--gradient-canvas: radial-gradient(circle at top left, var(--accent-soft), transparent 28rem), radial-gradient(circle at bottom right, var(--secondary-soft), transparent 26rem), linear-gradient(180deg, var(--surface-0) 0%, #f3eee3 100%);--gradient-panel: linear-gradient(135deg, rgba(255, 251, 245, .96), rgba(255, 245, 230, .92));--gradient-accent: linear-gradient(135deg, var(--accent-strong), var(--accent));--ease-out: cubic-bezier(.2, .8, .2, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--background: var(--surface-0);--foreground: var(--ink-strong);--card: var(--surface-2);--card-foreground: var(--ink-strong);--input: rgba(34, 24, 15, .06);--muted: rgba(34, 24, 15, .04);--muted-foreground: var(--ink-muted);--primary: var(--accent-strong);--text-secondary: var(--ink-muted);--good: var(--success);--gold: var(--accent-strong);--gold-light: var(--accent);--gold-dark: #6b3a10;--arcane: var(--accent);--energy: var(--secondary);--glow: var(--accent-strong)}.dark{--surface-0: #1b120b;--surface-1: #241811;--surface-2: #2e2017;--surface-raised: rgba(36, 24, 17, .92);--surface-translucent: rgba(36, 24, 17, .75);--surface-inverse: #fff7ef;--surface-inverse-2: #f2e8d7;--ink-strong: #fff7ef;--ink: #e8dccc;--ink-muted: #b8a78f;--ink-subtle: #8c7b64;--ink-inverse: #20180f;--ink-inverse-muted: #5e5247;--accent: #e9a461;--accent-strong: #f4b183;--accent-soft: rgba(244, 177, 131, .18);--secondary: #87b8dc;--secondary-soft: rgba(120, 170, 210, .15);--border: rgba(255, 247, 239, .08);--border-strong: rgba(255, 247, 239, .18);--divider: rgba(255, 247, 239, .1);--success: #7dcea0;--success-bg: rgba(125, 206, 160, .14);--success-border: rgba(125, 206, 160, .35);--warning: #f4b183;--warning-bg: rgba(244, 177, 131, .14);--warning-border: rgba(244, 177, 131, .35);--danger: #ef8a7a;--danger-bg: rgba(239, 138, 122, .14);--danger-border: rgba(239, 138, 122, .35);--info: #87b8dc;--info-bg: rgba(135, 184, 220, .14);--info-border: rgba(135, 184, 220, .35);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .35);--shadow-md: 0 18px 60px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 80px rgba(0, 0, 0, .55);--shadow-inverse: 0 10px 30px rgba(0, 0, 0, .6);--gradient-canvas: radial-gradient(circle at top left, var(--accent-soft), transparent 28rem), radial-gradient(circle at bottom right, var(--secondary-soft), transparent 26rem), linear-gradient(180deg, var(--surface-0) 0%, #120c08 100%);--gradient-panel: linear-gradient(135deg, rgba(46, 32, 23, .92), rgba(36, 24, 17, .88));--gradient-accent: linear-gradient(135deg, var(--accent-strong), var(--accent));--input: rgba(255, 247, 239, .06);--muted: rgba(255, 247, 239, .05);--gold-dark: #c17a3a}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"ss01","cv11";background-color:var(--surface-0);color:var(--ink-strong);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.nav-drawer-locked{overflow:hidden}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background-color:var(--accent-soft);color:var(--ink-strong)}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color .35s var(--ease-out),background-image .35s var(--ease-out),color .35s var(--ease-out),border-color .35s var(--ease-out),box-shadow .35s var(--ease-out),fill .35s var(--ease-out),stroke .35s var(--ease-out)!important}@layer components{.main-layout{margin-block:calc(var(--spacing) * 4);display:flex;width:100%;justify-content:center;padding-inline:calc(var(--spacing) * 4)}@media (width >= 48rem){.main-layout{padding-inline:calc(var(--spacing) * 6)}}.base-section{display:flex;width:100%;max-width:var(--container-4xl);flex-direction:column}@media (width >= 48rem){.base-section{width:calc(11/12 * 100%)}}.base-form{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing) * 6)}.form-field{display:flex;width:100%;flex-direction:column;gap:calc(var(--spacing) * 2)}.form-field label{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--ink)}}@layer components{.card-base{margin-inline:auto;max-width:var(--container-3xl);padding:calc(var(--spacing) * 10);background:var(--gradient-panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--ink-strong)}:where(.card-base>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.card-alt{width:100%;max-width:var(--container-lg);padding:calc(var(--spacing) * 8);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--ink-strong)}:where(.card-alt>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.card-panel{padding:calc(var(--spacing) * 6);background:var(--surface-translucent);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:where(.card-panel>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.card-inverse{padding:calc(var(--spacing) * 6);background:var(--surface-inverse);color:var(--ink-inverse);border:1px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-inverse)}:where(.card-inverse>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.card-inverse *{color:inherit}}@layer components{.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.btn-primary{background:var(--surface-inverse);color:var(--ink-inverse);border:1px solid var(--surface-inverse);box-shadow:var(--shadow-xs)}.btn-primary span{color:inherit}.btn-primary:not(:disabled):hover{cursor:pointer;background:var(--accent-strong);color:var(--ink-inverse);border-color:var(--accent-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:50%}.btn-secondary{background:transparent;color:var(--ink-strong);border:1px solid var(--border-strong)}.btn-secondary span{color:inherit}.btn-secondary:not(:disabled):hover{cursor:pointer;background:var(--surface-inverse);color:var(--ink-inverse);border-color:var(--surface-inverse);transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:50%}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger-border)}.btn-danger:not(:disabled):hover{cursor:pointer;background:var(--danger);color:var(--ink-inverse);border-color:var(--danger)}.btn-danger:disabled{cursor:not-allowed;opacity:50%}.input-field{height:calc(var(--spacing) * 10);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-outline-style: none;outline-style:none;background:var(--surface-1);color:var(--ink-strong);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.input-field:hover:not(:disabled){border-color:var(--accent)}.input-field:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-soft)}.input-field:disabled{cursor:not-allowed;opacity:60%}input::placeholder,textarea::placeholder{color:var(--ink-subtle)}.visibility-button{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);z-index:10;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--ink-muted);cursor:pointer;transition:color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.visibility-button svg{width:1.15rem;height:1.15rem;display:block}.visibility-button:not(:disabled):hover{color:var(--ink-strong);background:var(--accent-soft)}.visibility-button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.visibility-button:disabled{cursor:not-allowed;opacity:.45}.container-img{border-radius:calc(infinity * 1px);border:2px solid var(--border-strong)}.profil-img{height:calc(var(--spacing) * 42);width:calc(var(--spacing) * 42);border-radius:calc(infinity * 1px);object-fit:cover}.profil-img:hover{--tw-backdrop-blur: blur(var(--blur-3xl));-webkit-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: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,)}}@layer components{.title-big{margin-bottom:calc(var(--spacing) * 4);--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);font-size:clamp(2.5rem,6vw,4.25rem);line-height:1;letter-spacing:-.035em;color:var(--ink-strong)}.title-medium{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--ink-strong)}.title-mini{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--ink-strong)}.title-mini-mini{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--ink-strong)}.sub-title{max-width:var(--container-2xl);color:var(--ink)}.eyebrow{display:inline-flex;align-items:center;gap:.5ch;font-size:.85rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem}.text-good{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-muted{color:var(--ink-muted)}.highlight{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--accent-strong)}}@layer components{.nav-link{position:relative;display:inline-block;font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--ink-strong);transition:color var(--duration-base) var(--ease-out)}.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--accent-strong);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}.nav-link:hover{cursor:pointer;color:var(--accent-strong)}.nav-link:hover:after{transform:scaleX(1)}.nav-link-active{color:var(--accent-strong)}.nav-link-active:after{transform:scaleX(1)}}@layer components{.nav-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .75rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--ink);text-decoration:none;text-align:left;background:transparent;border:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav-menu-item:hover,.nav-menu-item:focus-visible{background:var(--accent-soft);color:var(--accent-strong);outline:none}.nav-menu-item.is-active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.nav-menu-item.is-danger{color:var(--danger)}.nav-menu-item.is-danger:hover,.nav-menu-item.is-danger:focus-visible{background:var(--danger-bg);color:var(--danger)}.nav-menu-separator{height:1px;margin:.25rem;background:var(--divider);border:none}@media (max-width: 768px){.nav-menu-item{padding:.55rem .5rem;font-size:1rem}}}@layer components{.divider{margin-inline:auto;width:100%;height:1px;background-color:var(--divider);border:none}.verification-badge{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;border:1px solid transparent}.verification-badge.verified{background-color:var(--success-bg);color:var(--success);border-color:var(--success-border)}.verification-badge.not-verified{background-color:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.base-transi{transition:all var(--duration-base) var(--ease-out)}.spinner{margin-top:calc(var(--spacing) * 1);height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);animation:var(--animate-spin);border-radius:calc(infinity * 1px);border:3px solid var(--border-strong);border-top-color:var(--accent-strong)}}@layer components{.action-shell{width:100%;margin-inline:auto;display:flex;flex-direction:column;gap:1rem;padding:clamp(1rem,2vw,2rem);max-width:38rem}.action-shell-wide{max-width:52rem}.action-back{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;font-size:.85rem;color:var(--ink-muted);cursor:pointer;transition:color var(--duration-base) var(--ease-out),gap var(--duration-base) var(--ease-out)}.action-back:hover{color:var(--accent-strong);gap:.6rem}.action-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.5rem;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--gradient-panel);box-shadow:var(--shadow-sm)}.action-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 0% 0%,var(--accent-soft),transparent 45%),radial-gradient(circle at 100% 100%,var(--secondary-soft),transparent 40%);opacity:.5}.action-hero>*{position:relative;z-index:1}.action-hero .eyebrow{margin:0}.action-hero h1{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.15;color:var(--ink-strong)}.action-hero .action-lead{margin:.25rem 0 0;font-size:.95rem;max-width:38rem;color:var(--ink)}.action-hero-danger{background:linear-gradient(180deg,var(--danger-bg),var(--surface-2) 70%);border-color:var(--danger-border)}.action-hero-danger h1{color:var(--danger)}.action-hero-danger:before{opacity:0}.action-card{display:flex;flex-direction:column;gap:1.15rem;padding:clamp(1.25rem,2.5vw,1.75rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);box-shadow:var(--shadow-xs)}.action-card-danger{border-color:var(--danger-border)}.action-card-header{padding-bottom:.75rem;border-bottom:1px solid var(--divider);display:flex;flex-direction:column;gap:.2rem}.action-card-header h2{margin:0;font-size:1.05rem;font-weight:600;color:var(--ink-strong)}.action-card-header p{margin:0;font-size:.85rem;color:var(--ink-muted)}.action-form{display:flex;flex-direction:column;gap:1rem}.action-field{display:flex;flex-direction:column;gap:.4rem;position:relative}.action-field label{font-size:.85rem;font-weight:500;color:var(--ink)}.action-field-hint{font-size:.78rem;color:var(--ink-muted)}.field-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;margin-top:.15rem}.field-status .dot{display:inline-block;width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor}.field-status-success{color:var(--success)}.field-status-danger{color:var(--danger)}.field-status-muted{color:var(--ink-muted)}.action-alert{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem .85rem;font-size:.88rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);color:var(--ink)}.action-alert-danger{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger)}.action-alert-success{border-color:var(--success-border);background:var(--success-bg);color:var(--success)}.action-buttons{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 640px){.action-buttons{flex-direction:row}.action-buttons>*{flex:1}}.action-buttons>.btn-primary,.action-buttons>.btn-secondary,.action-buttons>.btn-danger{cursor:pointer}.input-wrap{position:relative;display:flex;align-items:stretch;width:100%}.input-wrap>.input-field{flex:1 1 auto;width:100%;padding-right:2.75rem}.action-spinner{display:inline-block;width:1rem;height:1rem;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:action-spin .8s linear infinite;margin-left:.4rem;vertical-align:-2px}.action-result{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1.75rem 1.25rem;text-align:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);box-shadow:var(--shadow-xs)}.action-result-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;font-size:1.3rem;font-weight:700;line-height:1}.action-result h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--ink-strong)}.action-result p{margin:0;font-size:.9rem;color:var(--ink);max-width:30rem}.action-result-success{border-color:var(--success-border);background:linear-gradient(180deg,var(--success-bg),var(--surface-2) 70%)}.action-result-success .action-result-icon{background:var(--success);color:var(--ink-inverse)}.action-result-danger{border-color:var(--danger-border);background:linear-gradient(180deg,var(--danger-bg),var(--surface-2) 70%)}.action-result-danger .action-result-icon{background:var(--danger);color:var(--ink-inverse)}.action-result-loading{border-color:var(--border);background:var(--surface-2)}.action-result-loading .action-result-icon{background:var(--accent-soft);color:var(--accent-strong);position:relative}.action-result-loading .action-result-icon:before{content:"";position:absolute;inset:6px;border-radius:50%;border:3px solid var(--accent-strong);border-top-color:transparent;animation:action-spin .8s linear infinite}.auth-brand{display:inline-flex;align-items:center;gap:.65rem;padding:.35rem .65rem .35rem .4rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow-xs);width:fit-content;font-size:.8rem;font-weight:500;color:var(--ink);margin:0 0 .25rem}.auth-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--gradient-accent);color:var(--ink-inverse);font-weight:700;font-size:.75rem}.action-footer-links{display:flex;flex-direction:column;gap:.35rem;padding-top:.75rem;border-top:1px solid var(--divider);font-size:.85rem;text-align:center}@media (min-width: 520px){.action-footer-links{flex-direction:row;justify-content:space-between;text-align:left}}.action-footer-links a{color:var(--ink-muted);transition:color var(--duration-base) var(--ease-out)}.action-footer-links a:hover{color:var(--accent-strong)}@keyframes action-spin{to{transform:rotate(360deg)}}}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-font-weight: initial;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial;--tw-space-y-reverse: 0;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial}}}