:root{color-scheme:light;--page-bg: #f4f0e8;--page-bg-soft: #fbf8f2;--ink: #171411;--muted: #5e564c;--panel: rgba(255, 252, 246, .84);--panel-border: rgba(101, 83, 57, .18);--field-bg: rgba(255, 255, 255, .74);--field-border: rgba(102, 84, 58, .22);--field-border-focus: #85653f;--button-bg: #1d1913;--button-text: #f7f3eb;--button-hover: #31281d;--error: #9f2f2f;--shadow: 0 30px 80px rgba(58, 43, 24, .16);--orb-one: rgba(204, 148, 72, .22);--orb-two: rgba(137, 165, 110, .18);--orb-three: rgba(102, 143, 180, .16)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--page-bg: #090909;--page-bg-soft: #111111;--ink: #f4efe7;--muted: #b9afa1;--panel: rgba(20, 20, 20, .84);--panel-border: rgba(244, 239, 231, .1);--field-bg: rgba(14, 14, 14, .92);--field-border: rgba(244, 239, 231, .15);--field-border-focus: #d0b07c;--button-bg: #f1e9dd;--button-text: #111111;--button-hover: #ffffff;--error: #ff9898;--shadow: 0 30px 80px rgba(0, 0, 0, .45);--orb-one: rgba(186, 138, 77, .18);--orb-two: rgba(121, 156, 120, .14);--orb-three: rgba(100, 139, 168, .16)}}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:"Source Sans 3",Trebuchet MS,sans-serif;color:var(--ink);background:radial-gradient(circle at top,var(--page-bg-soft),transparent 38%),linear-gradient(180deg,var(--page-bg-soft),var(--page-bg))}button,input{font:inherit}.shell{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;overflow:hidden;isolation:isolate}.backgroundOrbs{position:absolute;inset:0;pointer-events:none}.orb{position:absolute;border-radius:999px;filter:blur(16px);opacity:.95}.orb--one{top:12%;left:18%;width:22rem;height:22rem;background:radial-gradient(circle,var(--orb-one) 0%,rgba(0,0,0,0) 72%)}.orb--two{right:14%;top:18%;width:18rem;height:18rem;background:radial-gradient(circle,var(--orb-two) 0%,rgba(0,0,0,0) 70%)}.orb--three{bottom:8%;left:50%;width:26rem;height:26rem;transform:translate(-50%);background:radial-gradient(circle,var(--orb-three) 0%,rgba(0,0,0,0) 74%)}.loginCard{position:relative;z-index:1;width:min(100%,28rem);padding:2rem;border:1px solid var(--panel-border);border-radius:1.5rem;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0 0 .75rem;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center}.brand{margin:0;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(2.5rem,9vw,3.9rem);font-weight:500;line-height:.9;text-align:center;text-transform:uppercase;letter-spacing:.055em;text-wrap:balance}.intro{margin:.9rem 0 1.75rem;text-align:center;color:var(--muted);font-size:1rem;font-weight:500}.loginForm{display:grid;gap:.85rem}.fieldLabel{font-size:.82rem;font-weight:600;letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}.fieldInput{width:100%;padding:.95rem 1rem;border:1px solid var(--field-border);border-radius:.95rem;background:var(--field-bg);color:var(--ink);transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.fieldInput::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}.fieldInput:focus-visible{outline:none;border-color:var(--field-border-focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--field-border-focus) 18%,transparent)}.submitButton{margin-top:.4rem;min-height:3rem;border:0;border-radius:999px;background:var(--button-bg);color:var(--button-text);font-weight:600;letter-spacing:.03em;cursor:pointer;transition:transform .14s ease,background-color .14s ease,opacity .14s ease}.submitButton:hover,.submitButton:focus-visible{background:var(--button-hover)}.submitButton:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--field-border-focus) 18%,transparent)}.submitButton:active{transform:translateY(1px)}.submitButton:disabled{cursor:wait;opacity:.82}.errorText{min-height:1.25rem;margin:.15rem 0 0;text-align:center;color:var(--error);font-size:.92rem}@media(max-width:480px){.shell{padding:18px}.loginCard{padding:1.5rem;border-radius:1.25rem}}
