.fettle-login{--login-ink: #183e50;--login-sky: #e4edf0;--login-muted: #526a73;--login-card: #fffdf9;--login-control: #fff;--login-border: #cad6da;--login-button: #183e50;--login-button-text: #fff;--login-button-hover: #24576a;--login-focus: #187c79;--login-danger: #b42318;--login-success: #16634b;--login-info: #195d83;--login-warning: #854d0e;--color-text-primary: var(--login-ink);--color-text-secondary: var(--login-muted);--color-text-muted: var(--login-muted);--color-accent-text: #096b63;--color-accent-text-hover: #074f49;--color-surface: var(--login-card);position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:48px 24px;color-scheme:light;color:var(--login-ink);background:var(--login-sky)}.fettle-login[data-scene=ocean]{--login-sky: #e4eeeb}.fettle-login[data-scene=desert]{--login-sky: #f3e5d5}.fettle-login[data-scene=city]{--login-sky: #e8e8e3}.fettle-login-landscape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;stroke:none}.fettle-login-content{width:100%;max-width:440px}.fettle-login-card{background:var(--login-card);border:1px solid var(--login-border);border-radius:24px;padding:36px;box-shadow:0 24px 80px #1537462e}.fettle-login-brand{font-size:24px;font-weight:700;letter-spacing:-.05em;margin-bottom:24px}.fettle-login-eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--login-muted);margin-bottom:10px}.fettle-login-heading{font-size:clamp(28px,5vw,32px);font-weight:600;line-height:1.2;letter-spacing:-.04em}.fettle-login-sub{margin-top:10px;font-size:14px;color:var(--login-muted)}.fettle-login .login-primary{background:var(--login-button);color:var(--login-button-text);border:1px solid var(--login-button);border-radius:999px;min-height:48px;box-shadow:0 4px 12px #1537461a}.fettle-login .login-primary:hover:not(:disabled){background:var(--login-button-hover)}.fettle-login .login-primary:disabled{opacity:.55;cursor:not-allowed}.fettle-login input:not([type=checkbox]){background:var(--login-control);color:var(--login-ink);border-color:var(--login-border);min-height:48px}.fettle-login input::placeholder{color:var(--login-muted)}.fettle-login input[type=checkbox]{accent-color:var(--login-ink);border-color:var(--login-border)}.fettle-login .border-white\/10{border-color:var(--login-border)}.fettle-login .text-red-300,.fettle-login .text-red-400,.fettle-login .text-red-400\/80{color:var(--login-danger)}.fettle-login .text-emerald-300,.fettle-login .text-emerald-400{color:var(--login-success)}.fettle-login .text-sky-300,.fettle-login .text-sky-400{color:var(--login-info)}.fettle-login .text-amber-300{color:var(--login-warning)}.fettle-login :is(button,a,input):focus-visible{outline:3px solid var(--login-focus);outline-offset:4px}.fettle-login-footer{text-align:center;font-size:11px;letter-spacing:.04em;color:#fffdf9;margin-top:24px;text-shadow:0 1px 4px #183e50}@media(max-width:480px){.fettle-login{padding:24px 16px}.fettle-login-card{padding:28px 24px;border-radius:20px}}.fettle-login[data-scene=mountains]{--land-1: #cad8da;--land-2: #edf0eb;--land-3: #93afb8;--land-4: #d9e4e2;--land-5: #416577;--land-6: #183e50}.fettle-login[data-scene=ocean]{--land-1: #bccfd0;--land-2: #89afb8;--land-3: #518591;--land-4: #2d6173;--land-5: #183e50;--land-6: #f3e4c8;--land-7: #e2d1ad;--land-8: #d9e8e5}.fettle-login[data-scene=desert]{--login-cactus: #314b40;--land-1: #d8b8a3;--land-2: #e5c7a5;--land-3: #c99578;--land-4: #a46c58;--land-5: #704d46;--land-6: #efd9b6}.fettle-login[data-scene=city]{--land-1: #c2cdd1;--land-2: #8ca4ae;--land-3: #567783;--land-4: #f4e5c6;--land-5: #294b5b;--land-6: #1c3c4b}.fettle-login .login-night-sky,.dark .fettle-login .login-day-orb{display:none}.dark .fettle-login .login-night-sky{display:inline}.dark .fettle-login{--login-ink: #e7eef3;--login-muted: #b7c7d3;--login-card: #182634;--login-control: #111e2b;--login-border: #3b5061;--login-button: #c7e3e4;--login-button-text: #142c3b;--login-button-hover: #e0f0ef;--login-focus: #8ed8d3;--login-danger: #ffb4ab;--login-success: #8ee0b8;--login-info: #a3d9f5;--login-warning: #f4d399;--color-accent-text: #8ed8d3;--color-accent-text-hover: #c0efea;color-scheme:dark}.dark .fettle-login[data-scene=mountains]{--login-sky: #142337;--land-1: #33475e;--land-2: #8195a8;--land-3: #293e54;--land-4: #647f95;--land-5: #1d3045;--land-6: #0c1c2c}.dark .fettle-login[data-scene=ocean]{--login-sky: #112438;--land-1: #354c61;--land-2: #293f55;--land-3: #20364b;--land-4: #172c40;--land-5: #0b1d2e;--land-6: #455061;--land-7: #303b4c;--land-8: #97becb}.dark .fettle-login[data-scene=desert]{--login-cactus: #78938b;--login-sky: #242237;--land-1: #514659;--land-2: #675362;--land-3: #493c50;--land-4: #332e43;--land-5: #1c2035;--land-6: #a69bab}.dark .fettle-login[data-scene=city]{--login-sky: #151e32;--land-1: #344158;--land-2: #26364e;--land-3: #1c2d43;--land-4: #f4d9a0;--land-5: #132238;--land-6: #0b1727}