:root{--xs-brand: #f97316;--xs-fill: var(--xs-brand);--xs-ramp: var(--xs-brand);--xs-bar: var(--xs-brand);--xs-on-bar: #ffffff;--xs-brand-50: color-mix(in oklch, var(--xs-ramp) 7%, white);--xs-brand-100: color-mix(in oklch, var(--xs-ramp) 15%, white);--xs-brand-200: color-mix(in oklch, var(--xs-ramp) 30%, white);--xs-brand-300: color-mix(in oklch, var(--xs-ramp) 55%, white);--xs-brand-400: color-mix(in oklch, var(--xs-ramp) 80%, white);--xs-brand-500: var(--xs-ramp);--xs-brand-600: color-mix(in oklch, var(--xs-ramp) 80%, black);--xs-brand-700: color-mix(in oklch, var(--xs-ramp) 62%, black);--xs-brand-800: color-mix(in oklch, var(--xs-ramp) 46%, black);--xs-on-brand: #ffffff;--xs-on-fill: #1c1917;--xs-surface: color-mix(in oklch, var(--xs-ramp) 6%, white);--xs-surface-2: color-mix(in oklch, var(--xs-ramp) 10%, white);--xs-accent: var(--xs-brand);--xs-accent-100: color-mix(in oklch, var(--xs-accent) 15%, white);--xs-accent-500: var(--xs-accent);--xs-accent-600: color-mix(in oklch, var(--xs-accent) 80%, black);--xs-accent-700: color-mix(in oklch, var(--xs-accent) 62%, black);--xs-on-accent: #ffffff;--xs-wash-07: color-mix(in oklch, var(--xs-ramp) 7%, transparent);--xs-wash-10: color-mix(in oklch, var(--xs-ramp) 10%, transparent);--xs-wash-12: color-mix(in oklch, var(--xs-ramp) 12%, transparent);--xs-wash-22: color-mix(in oklch, var(--xs-ramp) 22%, transparent);--xs-wash-30: color-mix(in oklch, var(--xs-ramp) 30%, transparent);--xs-wash-35: color-mix(in oklch, var(--xs-ramp) 35%, transparent);--xs-shadow-16: color-mix(in oklch, var(--xs-brand-600) 16%, transparent);--xs-shadow-30: color-mix(in oklch, var(--xs-brand-700) 30%, transparent);--xs-shadow-40: color-mix(in oklch, var(--xs-brand-600) 40%, transparent)}body:has(.for-login){color-scheme:light;min-height:100vh;background:radial-gradient(900px 520px at 12% -12%,color-mix(in oklch,var(--xs-brand-300) 40%,transparent),transparent 60%),radial-gradient(820px 480px at 108% 112%,color-mix(in oklch,var(--xs-brand-400) 28%,transparent),transparent 55%),color-mix(in oklch,var(--xs-ramp) 5%,white);background-attachment:fixed}body:has(.for-login) .page-content-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px}body:has(.for-login) .login-content.page-card{max-width:440px;width:100%;padding:40px 36px;border-radius:22px;gap:22px;background:#ffffff;border:1px solid color-mix(in oklch,var(--xs-ramp) 11%,white);box-shadow:0 24px 56px -24px var(--xs-shadow-16),0 8px 20px -12px #110c081a,0 1px 2px #110c080a}body:has(.for-login) .page-card-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px}body:has(.for-login) .page-card-head .app-logo{max-height:none;height:90px;width:auto;max-width:100%;padding:0;border:none;border-radius:0;background:none;box-shadow:none;-o-object-fit:contain;object-fit:contain;align-self:center}body:has(.for-login) .page-card-head .app-logo[src*=xerebo-wordmark]{max-height:none;height:80px;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;align-self:center;margin:-8px 0 -16px}body:has(.for-login) .page-card-head h4{margin:0;font-size:26px;font-weight:700;letter-spacing:-.022em;line-height:1.15;color:#18181b}body:has(.for-login) .page-card-head .page-card-subtitle{margin:6px 0 0;font-size:13.5px;color:#7c7269}body:has(.for-login) .form-group{margin-bottom:16px}body:has(.for-login) .form-label{font-weight:600;font-size:12.5px;color:#4b463f;margin-bottom:7px}body:has(.for-login) .email-field,body:has(.for-login) .password-field{position:relative}body:has(.for-login) .email-field .form-control,body:has(.for-login) .password-field .form-control{height:48px!important;border:1.5px solid #e5e1db!important;border-radius:12px;padding:0 16px 0 46px!important;font-size:14.5px;color:#18181b;background:#ffffff;box-shadow:none!important;transition:border-color .15s ease,background .15s ease}body:has(.for-login) .email-field .form-control::-moz-placeholder,body:has(.for-login) .password-field .form-control::-moz-placeholder{color:#b3aaa0;font-size:14px}body:has(.for-login) .email-field .form-control::placeholder,body:has(.for-login) .password-field .form-control::placeholder{color:#b3aaa0;font-size:14px}body:has(.for-login) .email-field .form-control:focus,body:has(.for-login) .password-field .form-control:focus{border-color:var(--xs-fill)!important;background:#ffffff}body:has(.for-login) .password-field .form-control{padding-right:46px!important}body:has(.for-login) .email-field .form-control:-webkit-autofill,body:has(.for-login) .email-field .form-control:-webkit-autofill:hover,body:has(.for-login) .email-field .form-control:-webkit-autofill:focus,body:has(.for-login) .email-field .form-control:-webkit-autofill:active,body:has(.for-login) .password-field .form-control:-webkit-autofill,body:has(.for-login) .password-field .form-control:-webkit-autofill:hover,body:has(.for-login) .password-field .form-control:-webkit-autofill:focus,body:has(.for-login) .password-field .form-control:-webkit-autofill:active{box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#18181b!important;caret-color:#18181b}body:has(.for-login) .field-icon{position:absolute;z-index:2;top:50%;left:16px;width:18px;height:18px;transform:translateY(-50%);color:var(--xs-brand-400);transition:color .18s ease}body:has(.for-login) .email-field:focus-within .field-icon,body:has(.for-login) .password-field:focus-within .field-icon{color:var(--xs-brand-600)}body:has(.for-login) .toggle-password{left:auto;right:17px;cursor:pointer;color:var(--xs-brand-300)}body:has(.for-login) .toggle-password:hover{color:var(--xs-brand-600)}body:has(.for-login) .forgot-password-message{margin:10px 0 0;text-align:right}body:has(.for-login) .forgot-password-message a{color:var(--xs-accent-600);font-weight:600;font-size:13px;text-decoration:none}body:has(.for-login) .forgot-password-message a:hover{color:var(--xs-accent-700);text-decoration:underline}body:has(.for-login) .page-card-actions{margin-top:24px;display:flex;flex-direction:column;gap:12px}body:has(.for-login) .page-card .page-card-actions .btn-login[type=submit]{position:relative;overflow:hidden;height:48px;border:none;border-radius:12px;font-weight:600;font-size:15px;letter-spacing:.01em;color:var(--xs-on-brand);background:var(--xs-fill);box-shadow:0 6px 14px -6px var(--xs-shadow-40);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}body:has(.for-login) .page-card .page-card-actions .btn-login[type=submit]:after{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);pointer-events:none}body:has(.for-login) .page-card .page-card-actions .btn-login[type=submit]:hover,body:has(.for-login) .page-card .page-card-actions .btn-login[type=submit]:focus{color:var(--xs-on-brand);background:var(--xs-brand-600);transform:translateY(-1px);box-shadow:0 12px 24px -6px var(--xs-shadow-40)}body:has(.for-login) .page-card .page-card-actions .btn-login[type=submit]:hover:after,body:has(.for-login) .page-card .page-card-actions .btn-login[type=submit]:focus:after{animation:xspace-shine .85s ease}body:has(.for-login) .page-card .page-card-actions .btn-login[type=submit]:active{color:var(--xs-on-brand);background:var(--xs-brand-600);transform:translateY(0);box-shadow:0 4px 12px -4px var(--xs-shadow-30)}body:has(.for-login) .page-card .page-card-actions .btn-login[type=submit]:disabled{background:var(--xs-brand-300);box-shadow:none;opacity:1}body:has(.for-login) .page-card .page-card-actions .btn-login-option{height:48px;border-radius:12px;border:1px solid #e5e1db;background:transparent;color:#57524c;font-weight:600;font-size:14px;box-shadow:none;transition:color .15s ease,background .15s ease,border-color .15s ease}body:has(.for-login) .page-card .page-card-actions .btn-login-option:hover,body:has(.for-login) .page-card .page-card-actions .btn-login-option:focus{background:color-mix(in oklch,var(--xs-accent) 12%,transparent);border-color:var(--xs-accent-500);color:var(--xs-accent-700)}body:has(.for-login) .page-card-actions .btn-signup{height:48px;border:none!important;border-radius:12px;font-weight:600;font-size:15px;color:var(--xs-on-brand)!important;box-shadow:none;background:var(--xs-brand-300)!important;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}body:has(.for-login) .page-card-actions .btn-signup:not(:disabled){background:var(--xs-fill)!important;box-shadow:0 8px 18px -6px var(--xs-shadow-40)}body:has(.for-login) .page-card-actions .btn-signup:not(:disabled):hover,body:has(.for-login) .page-card-actions .btn-signup:not(:disabled):focus{background:var(--xs-brand-600)!important;transform:translateY(-1px);box-shadow:0 12px 24px -6px var(--xs-shadow-40)}body:has(.for-login) .page-card-actions .btn-signup:not(:disabled):active{transform:translateY(0)}body:has(.for-login) .sign-up-message{color:#7c7269}body:has(.for-login) .sign-up-message a{color:var(--xs-accent-600);font-weight:600;text-decoration:none}body:has(.for-login) .sign-up-message a:hover{text-decoration:underline}body:has(.for-login) .field-error{color:#dc2626;font-size:12px}body:has(.for-login) .login-error-banner{padding:11px 13px!important;gap:9px;border-radius:11px!important;background:#fef2f2!important;border:1px solid #fecaca!important;color:#b42318!important;font-size:13px;line-height:1.35}body:has(.for-login) .login-error-banner svg{fill:#b42318!important}body:has(.for-login) .login-success-banner{padding:11px 13px!important;gap:9px;border-radius:11px!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;color:#15803d!important;font-size:13px;line-height:1.35}body:has(.for-login) .login-success-banner svg{fill:#15803d!important}body:has(.for-login) .form-group.invalid .email-field .form-control,body:has(.for-login) .form-group.invalid .password-field .form-control{border-color:#dc2626!important}@keyframes xspace-shine{0%{left:-80%}to{left:130%}}@media (prefers-reduced-motion: reduce){body:has(.for-login) .form-login .page-card-actions .btn-login[type=submit]:hover:after,body:has(.for-login) .form-login .page-card-actions .btn-login[type=submit]:focus:after{animation:none}}@media (max-width: 640px){body:has(.for-login){background:radial-gradient(700px 460px at 12% -8%,color-mix(in oklch,var(--xs-brand-300) 40%,transparent),transparent 62%),radial-gradient(640px 440px at 108% 108%,color-mix(in oklch,var(--xs-brand-400) 28%,transparent),transparent 58%),#ffffff}body:has(.for-login) .page-content-wrapper{min-height:100vh;min-height:100svh;align-items:stretch;justify-content:stretch;padding:0}body:has(.for-login) .login-content.page-card{max-width:460px;width:100%;margin:0 auto;min-height:100vh;min-height:100svh;padding:28px 22px calc(28px + env(safe-area-inset-bottom));border:none;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;justify-content:center;gap:26px}body:has(.for-login) .page-card-head h4{font-size:28px}}@media (min-width: 641px) and (max-width: 767px){body:has(.for-login) .page-content-wrapper{padding:32px 16px}}
/*# sourceMappingURL=login_branding.bundle.72AWGANC.css.map */