:root{--bg: #0f1412;--bg-elevated: #1a221e;--bg-panel: #f4f7f5;--ink: #102018;--ink-muted: #5a6b62;--accent: #1f7a4c;--accent-hover: #18653e;--danger: #b42318;--info: #175cd3;--border: #d5ddd8;--radius: 12px;--shadow: 0 18px 40px rgba(16, 32, 24, .18);--font-display: "Outfit", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}.brand{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.muted{color:var(--ink-muted)}.page{min-height:100dvh;padding:1.25rem}.page--center{display:grid;place-items:center;color:#e8efe9}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:1.25rem}.auth-panel{width:min(100%,420px);background:var(--bg-panel);border-radius:calc(var(--radius) + 4px);padding:1.75rem 1.5rem 1.5rem;box-shadow:var(--shadow)}.auth-title{margin:.75rem 0 .35rem;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2rem);letter-spacing:-.03em}.auth-subtitle{margin:0 0 1.5rem;color:var(--ink-muted);line-height:1.45}.auth-form{display:grid;gap:1rem}.auth-footer{margin:1.25rem 0 0;text-align:center;color:var(--ink-muted)}.field{display:grid;gap:.4rem}.field__label{font-size:.9rem;font-weight:600}.field__error,.form-error{margin:0;color:var(--danger);font-size:.875rem}.form-info{margin:0;color:var(--info);font-size:.875rem}.input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .9rem;font:inherit;background:#fff;color:var(--ink)}.input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,white);outline-offset:1px;border-color:var(--accent)}.password-input{position:relative}.password-input__field{padding-right:2.75rem}.password-input__toggle{position:absolute;top:50%;right:.45rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:8px;background:transparent;color:var(--ink-muted);cursor:pointer}.password-input__toggle:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 8%,white)}.password-input__toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,white);outline-offset:1px}.toggle-group{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;padding:.3rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.toggle-group__option{min-height:42px;border:none;border-radius:calc(var(--radius) - 4px);padding:.55rem .75rem;font:inherit;font-weight:600;color:var(--ink-muted);background:transparent;cursor:pointer}.toggle-group__option:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 8%,white)}.toggle-group__option.is-selected{color:#fff;background:var(--accent)}.toggle-group__option:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,white);outline-offset:1px}.btn{min-height:48px;border:none;border-radius:var(--radius);padding:.7rem 1rem;font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.65;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{background:transparent;color:#e8efe9;border:1px solid color-mix(in srgb,#e8efe9 35%,transparent)}.btn--social{width:100%;background:#fff;color:var(--ink);border:1px solid var(--border)}.btn--social:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 8%,white)}.social-auth{display:grid;gap:.85rem;margin-top:1.25rem}.social-auth__divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;color:var(--ink-muted);font-size:.85rem}.social-auth__divider:before,.social-auth__divider:after{content:"";height:1px;background:var(--border)}.social-auth__buttons{display:grid;gap:.65rem}.home{color:#e8efe9;max-width:720px;margin:0 auto}.home__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.home__header .brand{color:#e8efe9}.home__title{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.4rem);letter-spacing:-.03em}.home__main .muted{color:color-mix(in srgb,#e8efe9 70%,transparent)}.home__card{margin-top:1.75rem;padding:1.25rem;border-radius:var(--radius);background:color-mix(in srgb,var(--bg-elevated) 88%,white 4%);border:1px solid color-mix(in srgb,#e8efe9 12%,transparent)}.home__section-title{margin:0 0 .75rem;font-size:1rem;font-weight:600}.home__section-copy{margin:0 0 1.25rem}.home__back{margin:1.25rem 0 0}.home__back a{color:color-mix(in srgb,#e8efe9 75%,transparent);text-decoration:none;font-size:.95rem}.home__back a:hover{color:#e8efe9;text-decoration:underline}.home__actions{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}.home__action{display:block;padding:.85rem 1rem;border-radius:var(--radius);border:1px solid color-mix(in srgb,#e8efe9 18%,transparent);background:color-mix(in srgb,#0f1a14 55%,transparent);color:#e8efe9;text-decoration:none;font-weight:600}.home__action:hover{border-color:color-mix(in srgb,#e8efe9 35%,transparent);background:color-mix(in srgb,#0f1a14 40%,white 6%)}.home__form-row{display:grid;gap:1rem}@media(min-width:560px){.home__form-row{grid-template-columns:1fr 1fr}}.home .field__label{color:color-mix(in srgb,#e8efe9 85%,transparent)}.home .input,.home .password-input__field{background:color-mix(in srgb,#0f1a14 70%,white 6%);border-color:color-mix(in srgb,#e8efe9 18%,transparent);color:#e8efe9}.home .input::placeholder{color:color-mix(in srgb,#e8efe9 40%,transparent)}.home .password-input__toggle{color:color-mix(in srgb,#e8efe9 70%,transparent)}.home .form-info{color:#9fd4b0}.home__dl{margin:0;display:grid;gap:.75rem}.home__dl dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:color-mix(in srgb,#e8efe9 55%,transparent)}.home__dl dd{margin:.2rem 0 0;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}@media(min-width:640px){.auth-panel{padding:2rem}}