html.theme-midnight,html.theme-porcelain{--skin-ease:cubic-bezier(.22, 1, .36, 1);--skin-spring:cubic-bezier(.34, 1.56, .64, 1);--skin-press:cubic-bezier(.34, 1.4, .64, 1)}html.theme-midnight.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#07080d;--foreground:#f4f4f5;--surface:#0e1018;--surface-muted:#12151f;--border:#ffffff1a;--muted:#f4f4f58c;--muted-foreground:#f4f4f58c;--subtle-foreground:#f4f4f559;--input-bg:#ffffff12;--input-border:#ffffff24;--hover-bg:#ffffff14;--overlay:#0000009e;--card:#ffffff12;--card-background:var(--card);--card-border:#ffffff24;--matops-surface:#ffffff0d;--matops-border:#ffffff1f;--card-radius:1.375rem;--input-radius:.875rem;--card-shadow:0 14px 36px #0000008c, 0 2px 10px #00000059, 0 1px 0 #ffffff29 inset;--surface-blur:28px}html.theme-midnight:not(.dark){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f6f3;--foreground:#1a1a18;--surface:#fff;--surface-muted:#efeee9;--border:#1a1a181a;--muted:#1a1a1894;--muted-foreground:#1a1a1894;--subtle-foreground:#1a1a1861;--input-bg:#fff;--input-border:#1a1a181a;--hover-bg:#1a1a180d;--overlay:#1a1a1866;--card:#fff;--card-background:var(--card);--card-border:#1a1a181a;--matops-surface:#1a1a180a;--matops-border:#1a1a181f;--card-radius:1.375rem;--input-radius:.875rem;--card-shadow:0 1px 2px #1a1a1808, 0 10px 28px #1a1a1812;--surface-blur:12px}html.theme-porcelain:not(.dark){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f5f7;--foreground:#2d2d2d;--surface:#ffffffe0;--surface-muted:#ececf0;--border:#0000000f;--muted:#8e8e93;--muted-foreground:#8e8e93;--subtle-foreground:#2d2d2d66;--input-bg:#fffffff0;--input-border:#00000014;--hover-bg:#0000000a;--overlay:#2d2d2d6b;--card:#ffffffd9;--card-background:var(--card);--card-border:#ffffffe6;--matops-surface:#00000008;--matops-border:#00000014;--card-radius:1.75rem;--input-radius:1rem;--card-shadow:0 20px 40px #0000000d;--surface-blur:15px}html.theme-porcelain.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#121214;--foreground:#f2f2f4;--surface:#ffffff0f;--surface-muted:#1c1c1f;--border:#ffffff1a;--muted:#f2f2f48c;--muted-foreground:#f2f2f48c;--subtle-foreground:#f2f2f459;--input-bg:#ffffff14;--input-border:#ffffff1f;--hover-bg:#ffffff12;--overlay:#0000008c;--card:#ffffff12;--card-background:var(--card);--card-border:#ffffff1f;--matops-surface:#ffffff0a;--matops-border:#ffffff1f;--card-radius:1.75rem;--input-radius:1rem;--card-shadow:0 20px 40px #00000059;--surface-blur:18px}html.theme-midnight .matops-auth-shell,html.theme-porcelain .matops-auth-shell{isolation:isolate;position:relative}html.theme-midnight.dark .matops-auth-shell{background:radial-gradient(ellipse 70% 55% at 12% -8%, #0a1628 0%, transparent 58%), radial-gradient(ellipse 55% 45% at 92% 0%, #0c1a36 0%, transparent 52%), radial-gradient(ellipse 50% 40% at 50% 100%, #2563eb1f 0%, transparent 55%), var(--background)}html.theme-midnight:not(.dark) .matops-auth-shell{background:radial-gradient(ellipse 60% 40% at 10% 0%, #2563eb14 0%, transparent 50%), var(--background)}html.theme-porcelain .matops-auth-shell:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 28% 18%, #fb923c38 0%, transparent 42%), radial-gradient(circle at 78% 62%, #84cc1629 0%, transparent 45%), radial-gradient(circle at 55% 8%, #3b82f61f 0%, transparent 40%), var(--background);position:fixed;inset:0}html.theme-porcelain.dark .matops-auth-shell:before{background:radial-gradient(circle at 28% 18%, #fb923c1f 0%, transparent 42%), radial-gradient(circle at 78% 62%, #84cc1614 0%, transparent 45%), radial-gradient(circle at 55% 8%, #3b82f61a 0%, transparent 40%), var(--background)}html.theme-midnight .matops-auth-sidebar,html.theme-porcelain .matops-auth-sidebar{background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(var(--surface-blur)) saturate(1.45);border-right-color:var(--card-border);box-shadow:var(--card-shadow)}html.theme-midnight.dark .matops-auth-sidebar{background:linear-gradient(180deg, #ffffff12 0%, #ffffff05 100%), color-mix(in srgb, var(--surface) 78%, transparent);border-right:1px solid #ffffff1f}html.theme-porcelain .matops-auth-sidebar{background:#ffffffb8;border-right:1px solid #ffffffd9;box-shadow:0 20px 40px #0000000a}html.theme-porcelain.dark .matops-auth-sidebar{background:#ffffff0d;border-right-color:#ffffff1a}html.theme-midnight .matops-auth-shell :where(.rounded-lg,.rounded-xl,.rounded-2xl):not(.rounded-full){border-radius:var(--card-radius)}html.theme-midnight .matops-auth-shell :where(.rounded-md):not(.rounded-full){border-radius:var(--input-radius)}html.theme-porcelain .matops-auth-shell :where(.rounded-lg):not(.rounded-full){border-radius:1rem}html.theme-porcelain .matops-auth-shell :where(.rounded-xl):not(.rounded-full){border-radius:1.35rem}html.theme-porcelain .matops-auth-shell :where(.rounded-2xl):not(.rounded-full){border-radius:1.75rem}html.theme-porcelain .matops-auth-shell :where(.rounded-md):not(.rounded-full){border-radius:1rem}html.theme-midnight .matops-auth-shell :where(.matops-card,.matops-panel),html.theme-midnight .matops-auth-main :where(.bg-surface,.bg-card),html.theme-porcelain .matops-auth-shell :where(.matops-card,.matops-panel),html.theme-porcelain .matops-auth-main :where(.bg-surface,.bg-card){background:var(--card-background);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(var(--surface-blur)) saturate(1.35);transition:border-color .18s var(--skin-ease), box-shadow .18s var(--skin-ease), background .18s var(--skin-ease), transform .22s var(--skin-spring)}html.theme-midnight.dark .matops-auth-main :where(.bg-surface,.bg-card,.matops-card,.matops-panel){background:linear-gradient(160deg, #ffffff29 0%, #ffffff0f 42%, #ffffff0a 100%), color-mix(in srgb, var(--surface) 70%, transparent);border-color:#ffffff2e}html.theme-midnight.dark .matops-auth-main :where(.bg-surface,.bg-card,.matops-card,.matops-panel):hover{box-shadow:0 18px 44px #0000008c, 0 1px 0 #ffffff38 inset, 0 0 0 1px color-mix(in srgb, var(--matops-accent) 28%, transparent), 0 0 28px color-mix(in srgb, var(--matops-accent) 14%, transparent);border-color:#ffffff4d;transform:translateY(-1px)}html.theme-porcelain .matops-auth-main :where(.bg-surface,.bg-card,.matops-card,.matops-panel){background:#ffffffdb;border-color:#fffffff2;box-shadow:0 20px 40px #0000000d}html.theme-porcelain .matops-auth-main :where(.bg-surface,.bg-card,.matops-card,.matops-panel):hover{box-shadow:0 20px 40px #0000000f, 0 0 0 1px color-mix(in srgb, var(--matops-accent) 14%, transparent), 0 12px 32px #fb923c1f;border-color:#fff;transform:translateY(-2px)}html.theme-porcelain.dark .matops-auth-main :where(.bg-surface,.bg-card,.matops-card,.matops-panel){background:#ffffff12;border-color:#ffffff1f}html.theme-midnight .matops-auth-main :where(.bg-input),html.theme-porcelain .matops-auth-main :where(.bg-input){background:var(--input-bg);border-color:var(--input-border);-webkit-backdrop-filter:blur(10px);transition:border-color .16s var(--skin-ease), box-shadow .16s var(--skin-ease), background .16s var(--skin-ease)}html.theme-midnight .matops-auth-shell :where(input,textarea,select):not([type=checkbox]):not([type=radio]),html.theme-porcelain .matops-auth-shell :where(input,textarea,select):not([type=checkbox]):not([type=radio]),html.theme-midnight .matops-auth-shell .matops-input,html.theme-porcelain .matops-auth-shell .matops-input{border-radius:var(--input-radius);background:var(--input-bg);border:1px solid var(--input-border);transition:border-color .16s var(--skin-ease), box-shadow .16s var(--skin-ease), background .16s var(--skin-ease)}html.theme-midnight.dark .matops-auth-shell :where(input,textarea,select):not([type=checkbox]):not([type=radio]):focus,html.theme-midnight.dark .matops-auth-shell .matops-input:focus{border-color:color-mix(in srgb, var(--matops-accent) 70%, transparent);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--matops-accent) 45%, transparent), 0 0 18px color-mix(in srgb, var(--matops-accent) 28%, transparent);outline:none}html.theme-porcelain .matops-auth-shell :where(input,textarea,select):not([type=checkbox]):not([type=radio]):focus,html.theme-porcelain .matops-auth-shell .matops-input:focus{border-color:color-mix(in srgb, var(--matops-accent) 45%, transparent);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--matops-accent) 30%, transparent), 0 8px 20px #fb923c1f;outline:none}html.theme-midnight .matops-auth-shell :is(a,button)[class*=bg-blue-],html.theme-porcelain .matops-auth-shell :is(a,button)[class*=bg-blue-],html.theme-midnight .matops-auth-shell :is(a,button).bg-matops-blue,html.theme-porcelain .matops-auth-shell :is(a,button).bg-matops-blue{box-shadow:0 8px 22px color-mix(in srgb, var(--matops-accent) 32%, transparent);transition:transform .2s var(--skin-spring), box-shadow .18s var(--skin-ease), filter .16s var(--skin-ease), background .16s var(--skin-ease);border:1px solid #0000;background:var(--matops-accent)!important}html.theme-porcelain .matops-auth-shell :is(a,button)[class*=bg-blue-],html.theme-porcelain .matops-auth-shell :is(a,button).bg-matops-blue{box-shadow:0 8px 24px color-mix(in srgb, var(--matops-accent) 28%, transparent), 0 0 0 1px color-mix(in srgb, var(--matops-accent) 18%, transparent);border-radius:999px!important}html.theme-midnight .matops-auth-shell :is(a,button)[class*=bg-blue-]:hover,html.theme-porcelain .matops-auth-shell :is(a,button)[class*=bg-blue-]:hover,html.theme-midnight .matops-auth-shell :is(a,button).bg-matops-blue:hover,html.theme-porcelain .matops-auth-shell :is(a,button).bg-matops-blue:hover{filter:brightness(1.06);box-shadow:0 12px 28px color-mix(in srgb, var(--matops-accent) 38%, transparent);transform:translateY(-1px)scale(1.02)}html.theme-midnight .matops-auth-shell :is(a,button)[class*=bg-blue-]:active,html.theme-porcelain .matops-auth-shell :is(a,button)[class*=bg-blue-]:active{transform:scale(.97)}html.theme-midnight .matops-auth-sidebar a,html.theme-porcelain .matops-auth-sidebar a{transition:background .16s var(--skin-ease), border-color .16s var(--skin-ease), box-shadow .18s var(--skin-ease), color .16s var(--skin-ease), transform .2s var(--skin-spring)}html.theme-midnight .matops-auth-sidebar a:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--matops-accent) 40%, transparent), 0 0 18px color-mix(in srgb, var(--matops-accent) 22%, transparent);transform:translate(2px)}html.theme-midnight .matops-auth-sidebar a.border-matops-accent-border,html.theme-midnight .matops-auth-sidebar a[class*=bg-matops-accent]{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--matops-accent) 55%, transparent), 0 0 22px color-mix(in srgb, var(--matops-accent) 28%, transparent);background:color-mix(in srgb, var(--matops-accent) 16%, transparent)}html.theme-porcelain .matops-auth-sidebar a:hover{box-shadow:0 8px 20px color-mix(in srgb, var(--matops-accent) 12%, transparent);transform:translate(2px)}html.theme-porcelain .matops-auth-sidebar a.border-matops-accent-border,html.theme-porcelain .matops-auth-sidebar a[class*=bg-matops-accent]{background:color-mix(in srgb, var(--matops-accent) 10%, #fff);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--matops-accent) 28%, transparent), 0 8px 22px color-mix(in srgb, var(--matops-accent) 14%, transparent);border-radius:1.25rem}html.theme-porcelain .matops-auth-main :where(h1,h2){letter-spacing:-.02em;font-weight:400}html.theme-midnight .matops-auth-main :where(h1,h2){letter-spacing:-.025em;text-shadow:0 1px 2px #00000059}html.theme-midnight:not(.dark) .matops-auth-main :where(h1,h2){text-shadow:none}html.theme-midnight .matops-auth-main,html.theme-porcelain .matops-auth-main{padding:1.5rem}@media (min-width:1024px){html.theme-midnight .matops-auth-main,html.theme-porcelain .matops-auth-main{padding:1.75rem 2rem}}html.theme-midnight .matops-auth-shell :is(button,a):not(:disabled):active,html.theme-porcelain .matops-auth-shell :is(button,a):not(:disabled):active{transition-timing-function:var(--skin-press)}html.theme-midnight .matops-auth-content>.border-b.bg-surface,html.theme-porcelain .matops-auth-content>.border-b.bg-surface{-webkit-backdrop-filter:blur(var(--surface-blur)) saturate(1.4);background:color-mix(in srgb, var(--surface) 75%, transparent)}
.site-os-shell{color:var(--os-text);background:0 0}.site-os-shell.web-os-auth{background:var(--os-bg)}.site-os-shell .matops-auth-sidebar{-webkit-backdrop-filter:blur(var(--os-blur));color:var(--os-text);box-shadow:0 16px 48px #0000002e;background:var(--os-glass)!important;border-right:1px solid var(--os-border)!important}.site-os-shell.kiosk-theme-bento .matops-auth-sidebar{box-shadow:var(--os-shadow-card,0 20px 40px #0000000d);background:var(--os-glass)!important;border-right:1px solid var(--os-border-strong)!important}.site-os-shell .matops-auth-sidebar .border-border,.site-os-shell .matops-auth-sidebar .border-b,.site-os-shell .matops-auth-sidebar .border-t{border-color:var(--os-border)!important}.site-os-shell .matops-auth-sidebar .text-muted-foreground,.site-os-shell .matops-auth-sidebar .text-subtle-foreground{color:var(--os-text-muted)!important}.site-os-shell .matops-auth-sidebar .text-foreground,.site-os-shell .matops-auth-sidebar .font-bold,.site-os-shell .matops-auth-sidebar .font-medium{color:var(--os-text)}.site-os-shell .matops-auth-sidebar a{color:var(--os-text-muted);transition:border-color .16s var(--os-ease-out,ease), box-shadow .16s var(--os-ease-out,ease), background .16s var(--os-ease-out,ease), color .16s var(--os-ease-out,ease), transform .2s var(--os-spring,ease);border:1px solid #0000}.site-os-shell .matops-auth-sidebar a:hover,.site-os-shell .matops-auth-sidebar a:focus-visible{color:var(--os-text);border-color:color-mix(in srgb, var(--os-accent) 65%, transparent);box-shadow:var(--os-highlight-ring);outline:none;transform:translate(2px)}.site-os-shell .matops-auth-sidebar a.border-matops-accent-border,.site-os-shell .matops-auth-sidebar a.is-active,.site-os-shell .matops-auth-sidebar a[aria-current=page]{color:var(--os-text);border-color:var(--os-accent);background:color-mix(in srgb, var(--os-accent) 16%, var(--os-glass-strong,var(--os-glass)));box-shadow:0 0 0 1.5px color-mix(in srgb, var(--os-accent) 70%, transparent), 0 0 22px var(--os-highlight-glow), 0 0 40px color-mix(in srgb, var(--os-accent) 25%, transparent)}.site-os-shell.kiosk-theme-bento .matops-auth-sidebar a.border-matops-accent-border,.site-os-shell.kiosk-theme-bento .matops-auth-sidebar a.is-active{background:color-mix(in srgb, var(--os-accent) 10%, var(--os-glass-strong));box-shadow:0 0 0 1.5px color-mix(in srgb, var(--os-accent) 35%, transparent), 0 8px 24px color-mix(in srgb, var(--os-accent) 18%, transparent)}.site-os-shell .matops-auth-sidebar a .text-matops-accent,.site-os-shell .matops-auth-sidebar a .bg-matops-accent{color:var(--os-accent)!important;background-color:var(--os-accent)!important}.site-os-shell .matops-auth-main :where(.matops-card,.matops-panel),.site-os-shell .matops-auth-main :where(.bg-surface,.bg-card){-webkit-backdrop-filter:blur(var(--os-blur));box-shadow:none;color:var(--os-text);transition:border-color .18s var(--os-ease-out,ease), box-shadow .18s var(--os-ease-out,ease), background .18s var(--os-ease-out,ease), transform .22s var(--os-spring,ease);background:var(--os-glass)!important;border:1px solid var(--os-border)!important;border-radius:var(--os-radius-md)!important}.site-os-shell.web-os .matops-auth-main :where(.matops-card,.matops-panel,.bg-surface,.bg-card){-webkit-backdrop-filter:blur(calc(var(--os-blur) * 1.55)) saturate(1.6);box-shadow:0 14px 36px #0000008c,0 2px 10px #00000059,inset 0 1px #ffffff38,inset 0 -1px #0006;background:linear-gradient(160deg, #ffffff2e 0%, #ffffff14 42%, #ffffff0d 100%), color-mix(in srgb, var(--os-bg-elevated) 72%, transparent)!important;border:1px solid #ffffff38!important}.site-os-shell.web-os .matops-auth-main :where(.matops-card,.matops-panel,.bg-surface,.bg-card):hover{box-shadow:0 18px 44px #00000094, 0 1px 0 #ffffff47 inset, 0 0 0 1px color-mix(in srgb, var(--os-accent) 28%, transparent), 0 0 28px color-mix(in srgb, var(--os-accent) 16%, transparent);transform:translateY(-1px)scale(1.01);border-color:#ffffff57!important}.site-os-shell.kiosk-theme-bento .matops-auth-main :where(.matops-card,.matops-panel,.bg-surface,.bg-card){box-shadow:var(--os-shadow-card);background:var(--os-glass)!important;border:1px solid var(--os-border)!important;border-radius:var(--os-radius-md)!important}.site-os-shell.kiosk-theme-bento .matops-auth-main :where(.matops-card,.matops-panel,.bg-surface,.bg-card):hover{box-shadow:var(--os-shadow-card), 0 0 0 1px color-mix(in srgb, var(--os-accent) 12%, transparent), 0 12px 32px #fb923c1f;transform:translateY(-2px)scale(1.01);border-color:#fffffff2!important}.site-os-shell .matops-auth-main :where(input,textarea,select):not([type=checkbox]):not([type=radio]),.site-os-shell .matops-input,.site-os-shell .matops-auth-main :where(.bg-input){transition:border-color .16s var(--os-ease-out,ease), box-shadow .16s var(--os-ease-out,ease);background:color-mix(in srgb, var(--os-bg-elevated) 70%, var(--os-glass))!important;border:1px solid var(--os-border)!important;border-radius:var(--os-radius-sm)!important;color:var(--os-text)!important}.site-os-shell.kiosk-theme-bento .matops-auth-main :where(input,textarea,select):not([type=checkbox]):not([type=radio]),.site-os-shell.kiosk-theme-bento .matops-input{border:1px solid var(--os-border-strong)!important;background:#ffffffe6!important}.site-os-shell .matops-auth-main :where(input,textarea,select):focus,.site-os-shell .matops-input:focus{box-shadow:0 0 0 3px var(--os-accent-subtle);outline:none;border-color:var(--os-accent)!important}.site-os-shell .matops-auth-main :is(a,button)[class*=bg-blue-],.site-os-shell .matops-auth-main :is(a,button).bg-matops-blue,.site-os-shell .matops-auth-main :is(a,button).bg-matops-accent{box-shadow:0 8px 22px color-mix(in srgb, var(--os-accent) 32%, transparent);transition:transform .2s var(--os-spring,ease), box-shadow .18s var(--os-ease-out,ease), filter .16s ease;justify-content:center;align-items:center;gap:.5rem;display:inline-flex;background:var(--os-accent)!important;color:#fff!important;border-radius:var(--os-radius-sm)!important;border:1px solid #0000!important}.site-os-shell.kiosk-theme-bento .matops-auth-main :is(a,button)[class*=bg-blue-],.site-os-shell.kiosk-theme-bento .matops-auth-main :is(a,button).bg-matops-blue{box-shadow:0 8px 24px color-mix(in srgb, var(--os-accent) 28%, transparent);border-radius:999px!important}.site-os-shell .matops-auth-main :is(a,button)[class*=bg-blue-]:hover,.site-os-shell .matops-auth-main :is(a,button).bg-matops-blue:hover{filter:brightness(1.06);transform:translateY(-1px)scale(1.02)}.site-os-shell .matops-auth-main :is(a,button)[class*=bg-blue-]:active,.site-os-shell .matops-auth-main :is(a,button).bg-matops-blue:active{transform:scale(.95)}.site-os-shell .matops-auth-main{color:var(--os-text)}.site-os-shell .site-os-main-stage{background:color-mix(in srgb, var(--os-bg-elevated) 88%, transparent);border:1px solid var(--os-border);border-radius:var(--os-radius-lg);-webkit-backdrop-filter:blur(var(--os-blur));min-height:calc(100% - .5rem);box-shadow:0 20px 48px #0003}.site-os-shell.kiosk-theme-bento .site-os-main-stage{background:var(--os-glass);border:1px solid var(--os-border);box-shadow:var(--os-shadow-card)}.site-os-shell .matops-auth-main :where(h1,h2){color:var(--os-text)}.site-os-shell.kiosk-theme-bento .matops-auth-main :where(h1,h2){letter-spacing:-.02em;font-weight:400}.site-os-shell .matops-auth-main .text-muted-foreground{color:var(--os-text-muted)!important}.site-os-shell .matops-auth-main .text-foreground{color:var(--os-text)!important}.site-os-shell .matops-auth-main .border-input-border,.site-os-shell .matops-auth-main .border-border{border-color:var(--os-border)!important}.site-os-shell .matops-auth-content>.border-b{-webkit-backdrop-filter:blur(var(--os-blur));color:var(--os-text);background:color-mix(in srgb, var(--os-glass) 85%, transparent)!important;border-color:var(--os-border)!important}.site-os-shell :where(.rounded-lg,.rounded-xl,.rounded-2xl):not(.rounded-full){border-radius:var(--os-radius-md)}.site-os-shell.kiosk-theme-bento :where(.rounded-2xl):not(.rounded-full){border-radius:var(--os-radius-lg)}@media (prefers-reduced-motion:reduce){.site-os-shell *{transition:none!important;transform:none!important}}
