:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#e8edf4;--surface:#fff;--surface-soft:#f8fafc;--ink:#0f172a;--muted:#64748b;--subtle:#94a3b8;--line:#e2e8f0;--ring:#94a3b847;--shadow:0 32px 72px #0f172a24;--ease-out:cubic-bezier(.16, 1, .3, 1);font-family:Sora,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{scrollbar-gutter:stable;overflow-y:auto}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top,#ffffff85,#0000 30%),linear-gradient(#eef2f7 0%,#e6ebf2 100%);overflow-x:hidden}a{color:inherit}button,input,textarea,select{font:inherit}code{background:#0f172a0f;border-radius:999px;padding:.14rem .42rem;font-size:.94em}.page-shell{min-height:100vh;padding:1.5rem;overflow-x:clip}.simple-auth-shell{justify-content:center;align-items:center;min-height:calc(100vh - 3rem);display:flex}.auth-screen{background:var(--surface);width:min(100%,76rem);max-width:calc(100vw - 3rem);min-height:min(42rem,100vh - 4rem);box-shadow:var(--shadow);border-radius:2rem;grid-template-columns:minmax(0,1.08fr) minmax(24rem,.92fr);display:grid;overflow:hidden}.visual-panel{min-height:100%;position:relative;overflow:hidden}.hero-panel{width:100%;height:100%;min-height:42rem;position:relative;overflow:hidden}.hero-image-stage,.hero-image-overlay{position:absolute;inset:0}.hero-image-stage{overflow:hidden}.hero-image-layer{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.03)translate(.8%,.5%)}.hero-image-layer-active{animation:19s ease-in-out infinite alternate landing-image-pan}.hero-image-overlay{background:linear-gradient(24deg,#0f172abd,#0f172a38 45%,#0000)}.hero-copy{z-index:1;color:#fff;animation:landing-reveal .8s var(--ease-out) both;position:absolute;bottom:2.25rem;left:2.25rem;right:2.25rem}.hero-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#ffffffc7;margin:0;font-size:.75rem;font-weight:600}.hero-copy h1{letter-spacing:-.05em;max-width:30rem;margin:.7rem 0 0;font-size:clamp(2.5rem,4.1vw,4rem);line-height:1.03}.hero-description{color:#ffffffd6;max-width:29rem;margin:1rem 0 0;font-size:1rem;line-height:1.7}.auth-panel-shell{flex-direction:column;justify-content:center;padding:2.5rem clamp(1.5rem,3vw,4rem);display:flex}.auth-brand{animation:landing-reveal .7s var(--ease-out) both;align-items:center;gap:.9rem;margin-bottom:1.5rem;display:flex}.auth-brand-copy{align-items:center;display:inline-flex}.lemma-tile{background:var(--ink);border-radius:1rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex;box-shadow:0 10px 26px #0f172a2e}.lemma-logo{-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:inline-flex}.lemma-mark{align-items:flex-end;gap:.16rem;display:inline-flex}.lemma-bar{background:currentColor;border-radius:999px;width:.25rem;display:block}.lemma-tile .lemma-mark{color:#fff}.lemma-logo .lemma-mark{color:var(--ink)}.lemma-bar-short{height:.52rem}.lemma-bar-medium{height:.84rem}.lemma-bar-tall{height:1.16rem}.lemma-wordmark{letter-spacing:-.04em;font-size:1rem;font-weight:700}.auth-meta{animation:landing-reveal .7s var(--ease-out) both;margin-top:-.2rem;margin-bottom:1.4rem;animation-delay:.12s}.panel-badge{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;min-height:2rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.eyebrow,.panel-label{letter-spacing:.16em;text-transform:uppercase;color:var(--subtle);font-size:.74rem;font-weight:600;display:inline-block}.status-panel h2,.session-state h2{letter-spacing:-.05em;color:var(--ink);margin:.5rem 0 0;font-size:clamp(2rem,3vw,2.35rem);line-height:1.02}.status-panel p,.session-panel p,.auth-surface-footnote,.helper-copy{color:var(--muted);margin:0}.auth-form-stack,.session-state,.status-panel{animation:landing-reveal .7s var(--ease-out) both;gap:1rem;animation-delay:.16s;display:grid}.status-panel,.session-panel,.auth-surface-footnote{border:1px solid var(--line);background:var(--surface-soft);border-radius:1.15rem;padding:1rem}.status-panel-danger{background:#fff7f7;border-color:#b91c1c1f}.status-inline{border:1px solid var(--line);background:#fff;border-radius:1rem;align-items:center;gap:.8rem;padding:.95rem 1rem;display:flex}.status-inline-danger{background:#fff}.session-panel strong{margin-top:.32rem;font-size:1rem;font-weight:600;display:block}.auth-surface-footnote{font-size:.93rem;line-height:1.65}.helper-copy{font-size:.93rem;line-height:1.6}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;min-height:3.15rem;padding:.85rem 1.15rem;text-decoration:none;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.primary-button{background:var(--ink);color:#fff;border:0;box-shadow:0 14px 32px #0f172a1f}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.spinner{border:2px solid #0f172a24;border-top-color:var(--ink);border-radius:999px;flex:none;width:1.05rem;height:1.05rem;animation:.8s linear infinite spin}.auth-panel-shell [data-supertokens~=container]{width:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important}.auth-panel-shell [data-supertokens~=row]{margin-left:0!important;margin-right:0!important}.auth-panel-shell [data-supertokens~=headerTitle]{letter-spacing:-.04em!important;color:var(--ink)!important;margin:0 0 .2rem!important;font-size:1.95rem!important;line-height:1.04!important}.auth-panel-shell [data-supertokens~=headerSubtitle]{color:var(--muted)!important;margin-bottom:1.1rem!important}.auth-panel-shell [data-supertokens~=form_legend],.auth-panel-shell [data-supertokens~=secondaryText],.auth-panel-shell [data-supertokens~=label],.auth-panel-shell [data-supertokens~=inputLabel]{color:#475569!important}.auth-panel-shell [data-supertokens~=inputContainer]{border:1px solid var(--line)!important;background:#fff!important;border-radius:1rem!important;box-shadow:0 1px 2px #0f172a0a!important}.auth-panel-shell [data-supertokens~=inputContainer]:focus-within{box-shadow:0 0 0 4px var(--ring)!important;border-color:#94a3b8!important}.auth-panel-shell [data-supertokens~=input]{color:var(--ink)!important;padding-top:.9rem!important;padding-bottom:.9rem!important}.auth-panel-shell [data-supertokens~=button]{background:var(--ink)!important;border:0!important;border-radius:1rem!important;min-height:3.2rem!important;font-weight:600!important;box-shadow:0 14px 32px #0f172a1f!important}.auth-panel-shell [data-supertokens~=button]:hover{transform:translateY(-1px)}.auth-panel-shell [data-supertokens~=thirdPartyButton]{border:1px solid var(--line)!important;box-shadow:none!important;background:#fff!important;border-radius:1rem!important}.auth-panel-shell [data-supertokens~=divider]{margin-top:1rem!important;margin-bottom:1rem!important}.auth-panel-shell [data-supertokens~=dividerText]{color:var(--subtle)!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-size:.72rem!important;font-weight:600!important}.auth-panel-shell [data-supertokens~=link],.auth-panel-shell [data-supertokens~=textLink]{color:#334155!important;font-weight:600!important}.auth-panel-shell [data-supertokens~=branding]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes landing-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-image-pan{0%{transform:scale(1.03)translate(-1.2%,-.8%)}to{transform:scale(1.09)translate(1.2%,.8%)}}@media (prefers-reduced-motion:reduce){.hero-copy,.auth-brand,.auth-meta,.auth-form-stack,.session-state,.status-panel,.hero-image-layer-active{animation:none!important}.hero-image-layer{transition:none!important}}@media (width<=960px){.auth-screen{grid-template-columns:1fr;width:min(100%,34rem);min-height:auto}.visual-panel{display:none}}@media (width<=640px){.page-shell{padding:.9rem}.simple-auth-shell{min-height:auto}.auth-screen{border-radius:1.5rem}.auth-panel-shell{padding:1.5rem}.button-row,.status-inline{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}}
