:root,.ollang-v3{--ollang-v3-font-ui: "Mark Pro", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ollang-v3-font-display: "Mark Pro", Inter, ui-sans-serif, system-ui, sans-serif;--ollang-v3-font-weight-regular: 400;--ollang-v3-font-weight-strong: 700;--ollang-v3-font-size-display: 29px;--ollang-v3-font-size-page-title: 24px;--ollang-v3-font-size-page-title-mobile: 22px;--ollang-v3-font-size-heading: 19px;--ollang-v3-font-size-title: 17px;--ollang-v3-font-size-subtitle: 16px;--ollang-v3-font-size-body: 14px;--ollang-v3-font-size-supporting: 13px;--ollang-v3-font-size-fine: 12px;--ollang-v3-font-size-code: var(--ollang-v3-font-size-supporting);--ollang-v3-sidebar-menu-item-size: var(--ollang-v3-font-size-body);--ollang-v3-supporting-text-size: var(--ollang-v3-font-size-supporting);--ollang-v3-card-supporting-text-size: var(--ollang-v3-supporting-text-size);--ollang-v3-color-canvas: #f6f6f8;--ollang-v3-color-surface: #ffffff;--ollang-v3-color-surface-subtle: #fafafb;--ollang-v3-color-surface-muted: #f1f1f3;--ollang-v3-color-text: #16161a;--ollang-v3-color-heading: #1a1a22;--ollang-v3-color-control-text: #3a3a44;--ollang-v3-color-text-secondary: #6b6b78;--ollang-v3-color-text-placeholder: #9a9aa6;--ollang-v3-color-text-inverse: #ffffff;--ollang-v3-color-text-inverse-muted: rgba(255, 255, 255, .72);--ollang-v3-color-primary: #6148f9;--ollang-v3-color-primary-strong: #4f39d8;--ollang-v3-color-primary-soft: rgba(97, 72, 249, .12);--ollang-v3-color-primary-softer: rgba(97, 72, 249, .07);--ollang-v3-color-expanded-surface: #fff1f4;--ollang-v3-color-danger: #d93b50;--ollang-v3-color-danger-soft: #fbeaec;--ollang-v3-color-success: #227653;--ollang-v3-color-success-dot: #21aa70;--ollang-v3-color-success-soft: #eaf8f0;--ollang-v3-color-info: #2d729e;--ollang-v3-color-info-soft: #eaf4fb;--ollang-v3-color-warning: #8b6114;--ollang-v3-color-warning-soft: #fff6df;--ollang-v3-color-border: rgba(0, 0, 29, .1);--ollang-v3-color-border-strong: rgba(0, 0, 29, .18);--ollang-v3-color-focus: rgba(97, 72, 249, .28);--ollang-v3-color-context-soft: var(--ollang-v3-color-focus);--ollang-v3-color-interactive-hover: rgba(0, 0, 29, .05);--ollang-v3-color-card-hover-border: rgba(97, 72, 249, .4);--ollang-v3-color-overlay: rgba(22, 22, 26, .42);--ollang-v3-control-height: 34px;--ollang-v3-action-height: 36px;--ollang-v3-page-content-max: 1180px;--ollang-v3-form-field-gap: 18px;--ollang-v3-radius-option: 7px;--ollang-v3-radius-action: 8px;--ollang-v3-radius-control: 9px;--ollang-v3-radius-popover: 10px;--ollang-v3-radius-card: 12px;--ollang-v3-shadow-popover: 0 14px 34px -10px rgba(16, 16, 20, .22);--ollang-v3-shadow-card-hover: 0 12px 28px -22px rgba(16, 16, 20, .42);--ollang-v3-shadow-dialog: 0 22px 70px rgba(16, 16, 20, .24);--ollang-v3-layer-overlay: 100;--ollang-v3-layer-dialog: 110;--ollang-v3-layer-popover: 200;--ollang-v3-layer-nested-overlay: 210;--ollang-v3-layer-nested-dialog: 220;font-family:var(--ollang-v3-font-ui);font-synthesis:none}@font-face{font-family:Mark Pro;src:url(/fonts/mark-pro-book.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mark Pro;src:url(/fonts/mark-pro-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}body{margin:0;color:var(--ollang-v3-color-text);background:var(--ollang-v3-color-surface);font-size:var(--ollang-v3-font-size-body);line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:var(--ollang-v3-color-primary-strong);text-underline-offset:3px}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:2px solid var(--ollang-v3-color-primary);outline-offset:4px}h1,h2,p{margin:0}h1,h2,strong{font-weight:var(--ollang-v3-font-weight-strong)}.auth-layout{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.auth-main{min-width:0;padding:36px clamp(24px,4vw,64px) 24px;display:flex;flex-direction:column}.brand-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-header a{display:inline-flex;flex-shrink:0}.brand-header img{display:block}.connection-label{font-size:var(--ollang-v3-font-size-supporting);color:var(--ollang-v3-color-text-secondary)}.auth-content{width:100%;max-width:400px;margin:auto;padding:64px 0;animation:enter .3s ease-out}.auth-content-wide{max-width:480px;padding-block:40px}.page-heading{margin-bottom:28px}.page-heading h1{color:var(--ollang-v3-color-heading);font-size:var(--ollang-v3-font-size-page-title);line-height:1.25;letter-spacing:-.6px}.page-heading p{margin-top:10px;color:var(--ollang-v3-color-text-secondary)}.auth-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--ollang-v3-color-text-secondary);font-size:var(--ollang-v3-font-size-fine)}.auth-footer nav{display:flex;gap:20px}.auth-footer a{color:inherit;text-decoration:none}.auth-footer a:hover{color:var(--ollang-v3-color-primary);text-decoration:underline}.brand-panel{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 65% 30%,#7963fb,#6148f9 40%,#30206c)}.brand-background{position:absolute;top:0;right:0;bottom:0;left:0}.brand-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 20%,rgba(22,12,58,.24) 100%)}.brand-logo-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;pointer-events:none}.brand-symbol{display:block;width:clamp(140px,14vw,210px);height:auto;filter:brightness(0) invert(1) drop-shadow(0 8px 36px rgba(22,12,58,.18))}.brand-logo-float{animation:brand-float 9s ease-in-out infinite}@keyframes brand-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.login-tabs{display:flex;padding:4px;gap:4px;margin-bottom:24px;background:var(--ollang-v3-color-surface-muted);border-radius:var(--ollang-v3-radius-control)}.login-tabs button{flex:1;min-width:0;min-height:40px;padding:8px;border:0;border-radius:var(--ollang-v3-radius-option);background:transparent;color:var(--ollang-v3-color-text-secondary);font-weight:700;font-size:var(--ollang-v3-font-size-supporting);transition:color .2s,background-color .2s}.login-tabs button[aria-selected=true]{background:var(--ollang-v3-color-surface);color:var(--ollang-v3-color-heading);box-shadow:0 1px 3px #00001d14}.login-tabs button:hover{color:var(--ollang-v3-color-primary-strong)}.password-form{display:grid;gap:var(--ollang-v3-form-field-gap)}.form-field{display:grid;gap:8px}.form-field label{font-size:var(--ollang-v3-font-size-body);color:var(--ollang-v3-color-control-text)}.form-field input{width:100%;min-width:0;height:46px;padding:10px 14px;border:1px solid var(--ollang-v3-color-border-strong);border-radius:var(--ollang-v3-radius-control);background:var(--ollang-v3-color-surface);color:var(--ollang-v3-color-text);transition:border-color .2s,box-shadow .2s}.form-field input::placeholder{color:var(--ollang-v3-color-text-secondary)}.form-field input:focus{outline:none;border-color:var(--ollang-v3-color-primary);box-shadow:0 0 0 3px var(--ollang-v3-color-primary-soft)}.password-input{position:relative}.password-input input{padding-right:70px}.password-toggle{position:absolute;right:4px;top:4px;min-height:38px;min-width:58px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--ollang-v3-color-text-secondary);font-size:var(--ollang-v3-font-size-supporting)}.password-toggle:hover{background:var(--ollang-v3-color-interactive-hover);color:var(--ollang-v3-color-primary-strong)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;width:100%;padding:10px 18px;border:1px solid transparent;border-radius:var(--ollang-v3-radius-action);font-weight:700;font-size:var(--ollang-v3-font-size-body);text-decoration:none;transition:background-color .2s,border-color .2s}.button:hover{text-decoration:none}.button-primary{background:var(--ollang-v3-color-primary);color:var(--ollang-v3-color-text-inverse)}.button-primary:hover:not(:disabled){background:var(--ollang-v3-color-primary-strong)}.button-secondary{background:var(--ollang-v3-color-surface);color:var(--ollang-v3-color-control-text);border-color:var(--ollang-v3-color-border-strong)}.button-secondary:hover:not(:disabled){background:var(--ollang-v3-color-surface-subtle);border-color:var(--ollang-v3-color-primary)}.password-form>.button{margin-top:6px}.supporting-text{margin-top:18px;font-size:var(--ollang-v3-font-size-supporting);color:var(--ollang-v3-color-text-secondary)}.sign-in-note{text-align:center;margin-top:24px}.status-message{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px;padding:14px 16px;border-radius:var(--ollang-v3-radius-action);background:var(--ollang-v3-color-surface-muted);color:var(--ollang-v3-color-control-text);font-size:var(--ollang-v3-font-size-supporting);overflow-wrap:anywhere}.status-error{background:var(--ollang-v3-color-danger-soft);color:#a62335}.password-form .status-message{margin-bottom:0}.spinner{display:inline-block;flex:0 0 16px;width:16px;height:16px;margin-block:2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.account-summary{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--ollang-v3-color-border);border-radius:var(--ollang-v3-radius-card);background:var(--ollang-v3-color-surface-subtle)}.account-summary>div{min-width:0;flex:1}.account-summary strong{display:block;overflow-wrap:anywhere}.account-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--ollang-v3-color-primary);background:var(--ollang-v3-color-primary-soft);font-weight:700;flex-shrink:0}.field-caption{display:block;font-size:var(--ollang-v3-font-size-supporting);color:var(--ollang-v3-color-text-secondary)}.session-dot{width:8px;height:8px;border-radius:50%;background:var(--ollang-v3-color-success);flex-shrink:0}.next-step{margin-block:26px}.next-step h2{margin-bottom:8px;font-size:var(--ollang-v3-font-size-subtitle)}.next-step p{color:var(--ollang-v3-color-text-secondary)}.permissions{border-block:1px solid var(--ollang-v3-color-border);margin-bottom:24px;padding-block:20px}.permission-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.permission-symbol{color:var(--ollang-v3-color-primary);font-size:var(--ollang-v3-font-size-heading);line-height:1.3;width:20px;flex-shrink:0}.permission-row h2{font-size:var(--ollang-v3-font-size-body);margin-bottom:4px}.permission-row p,.permission-note{color:var(--ollang-v3-color-text-secondary);font-size:var(--ollang-v3-font-size-supporting)}.permission-note{padding-left:34px}.stytch-ui{width:100%;min-width:0}.stytch-ui button,.stytch-ui input{font-family:var(--ollang-v3-font-ui)}.stytch-ui button{min-height:44px;font-size:var(--ollang-v3-font-size-body);font-weight:var(--ollang-v3-font-weight-strong)}.stytch-ui input:not([type=checkbox]):not([type=radio]){min-height:44px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.auth-layout{display:block}.auth-main{min-height:100vh;min-height:100dvh;padding:28px 24px 22px}.brand-panel{display:none}.auth-content{padding-block:48px}}@media(max-width:480px){.auth-main{padding-inline:22px}.connection-label{font-size:var(--ollang-v3-font-size-fine);max-width:105px;text-align:right}.page-heading h1{font-size:var(--ollang-v3-font-size-page-title-mobile)}.form-field input,.stytch-ui input:not([type=checkbox]):not([type=radio]){font-size:var(--ollang-v3-font-size-subtitle)}.auth-footer nav{gap:16px}.permission-note{padding-left:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
