/* SCB presentation overlay for Authelia4.39.20. No executable code or auth changes. */
@font-face{font-family:Archivo;src:url('/scb-assets/archivo-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Playfair;src:url('/scb-assets/playfair-display-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
:root{--scb-cream:#FEF3E7;--scb-ink:#551528;--scb-muted:#87616B;--scb-line:#D8C2BC;color-scheme:light!important}
html,body,#root{min-height:100svh!important;background:var(--scb-cream)!important;color:var(--scb-ink)!important}
body{margin:0!important;font-family:Archivo,Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
#root{position:relative;isolation:isolate}
#root::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/scb-assets/pattern.webp') center/850px auto;opacity:.025;mask-image:linear-gradient(#000,transparent 30%,transparent 75%,#000)}
#root::after{content:'—　SECRET CREATORS　—';position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#87616B;font:10px Archivo,Arial,sans-serif;letter-spacing:.055em;pointer-events:none}
#root .MuiTypography-root,#root .MuiButtonBase-root,#root .MuiInputBase-root,#root .MuiFormLabel-root,#root .MuiFormControlLabel-label,#root .MuiFormHelperText-root,.MuiMenuItem-root{font-family:Archivo,Arial,sans-serif!important}
#root .MuiToolbar-root{position:absolute!important;top:12px;right:12px;width:auto!important;min-height:44px!important;padding:0!important;z-index:2;background:transparent!important}
#root [id$='-stage']{min-height:100svh!important;box-sizing:border-box!important;padding:160px 28px 110px!important;align-content:center!important;align-items:center!important;justify-content:center!important}
#root .MuiContainer-maxWidthXs{width:100%!important;max-width:380px!important;padding:0!important;margin:0 auto!important}
#root img[alt='Logo']{position:absolute!important;top:42px;left:50%;transform:translateX(-50%);width:184px!important;max-width:calc(100vw - 56px)!important;height:auto!important;max-height:none!important;margin:0!important;object-fit:contain!important;mix-blend-mode:multiply}
#root .MuiGrid-root:has(>img[alt='Logo']){height:0!important;margin:0!important;padding:0!important}
#root h5.MuiTypography-root{font-family:Playfair,Georgia,serif!important;font-size:52px!important;line-height:1.08!important;font-weight:400!important;letter-spacing:-.055em!important;color:var(--scb-ink)!important;margin:0 0 32px!important;text-align:center}
#root h5.MuiTypography-root::before{content:'';display:block;width:36px;height:36px;background:url('/scb-assets/auth-key.svg') center/contain no-repeat;margin:0 auto 16px}
#root .MuiTypography-root,#root .MuiFormLabel-root,#root .MuiSvgIcon-root,#root .MuiIconButton-root,#root .MuiCheckbox-root,#root .MuiRadio-root,#root .MuiLink-root{color:var(--scb-ink)!important}
#root .MuiInputBase-root{background:#FFFAF4!important;color:var(--scb-ink)!important;border-radius:7px!important;min-height:52px!important;box-shadow:0 1px 2px #55152803!important}
#root .MuiOutlinedInput-input{font-size:16px!important;height:52px!important;box-sizing:border-box!important;padding:0 15px!important;line-height:normal!important}
#root .MuiInputBase-input::placeholder{color:#87616B!important;opacity:1!important}
#root .MuiOutlinedInput-notchedOutline{border:1px solid var(--scb-line)!important;border-radius:7px!important}
#root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#B99499!important}
#root .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 3px #5515280c!important}
#root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--scb-ink)!important;border-width:1px!important}
#root .MuiInputLabel-root{font-size:14px!important;color:var(--scb-muted)!important}
#root .MuiInputLabel-root.Mui-focused{color:var(--scb-ink)!important}
#root .MuiCheckbox-root.Mui-checked,#root .MuiRadio-root.Mui-checked{color:var(--scb-ink)!important}
#root .MuiFormControlLabel-label{font-size:12px!important;color:var(--scb-muted)!important}
#root .MuiButton-contained{min-height:52px!important;border:1px solid var(--scb-ink)!important;border-radius:7px!important;background:var(--scb-ink)!important;color:var(--scb-cream)!important;box-shadow:none!important;font-size:14px!important;font-weight:500!important;text-transform:none!important}
#root .MuiButton-contained:hover{background:#411020!important;border-color:#411020!important}
#root .MuiButton-contained .MuiSvgIcon-root{color:var(--scb-cream)!important}
#root .MuiButton-outlined{min-height:48px!important;border:1px solid var(--scb-line)!important;border-radius:7px!important;color:var(--scb-ink)!important;background:transparent!important;text-transform:none!important;box-shadow:none!important}
#root .MuiButton-text{color:var(--scb-ink)!important;text-transform:none!important}
#root .MuiButton-root.Mui-disabled{background:#D8C2BC!important;border-color:#D8C2BC!important;color:#79545F!important;opacity:.8!important}
#root .MuiButtonBase-root:focus-visible,#root a:focus-visible{outline:2px solid var(--scb-ink)!important;outline-offset:4px!important}
#root .MuiIconButton-root:hover,#root .MuiButton-text:hover{background:#55152807!important}
#root .MuiCircularProgress-root,#root .MuiLinearProgress-root{color:var(--scb-ink)!important}
#root .MuiLinearProgress-bar{background:var(--scb-ink)!important}
#root .MuiAlert-root{background:#F5E5DB!important;color:var(--scb-ink)!important;border:1px solid #C7A6A8!important;border-radius:7px!important;box-shadow:none!important}
#root .MuiAlert-icon{color:var(--scb-ink)!important}
.MuiPaper-root{background:#FFFAF4!important;color:#551528!important;border-radius:7px!important}
.MuiMenuItem-root.Mui-selected{background:#55152810!important}
.MuiMenuItem-root:hover{background:#55152807!important}
#root a[href*='authelia.com']{display:none!important}
#root input:-webkit-autofill{-webkit-text-fill-color:#551528!important;-webkit-box-shadow:0 0 0 1000px #FFFAF4 inset!important}
@media(max-width:480px){#root img[alt='Logo']{top:29px;width:164px!important}#root [id$='-stage']{padding:145px 28px 100px!important}#root h5.MuiTypography-root{font-size:44px!important;margin-bottom:30px!important}#root .MuiToolbar-root{top:8px;right:8px}#root #language-button{font-size:11px!important}#root::after{bottom:22px}}
@media(max-height:650px){#root img[alt='Logo']{top:24px;width:150px!important}#root [id$='-stage']{padding-top:120px!important;padding-bottom:76px!important}#root h5.MuiTypography-root{font-size:42px!important;margin-bottom:25px!important}}
@media(prefers-reduced-motion:reduce){#root *,#root *::before,#root *::after{transition:none!important;animation:none!important}}
/* Fixed labels match the SCB form reference and remain visible without focus. */
#root .MuiTextField-root>.MuiInputLabel-root{position:static!important;transform:none!important;display:block!important;align-self:flex-start!important;max-width:100%!important;margin-bottom:9px!important;font-size:12px!important;line-height:16px!important;font-weight:550!important;color:var(--scb-ink)!important}
#root .MuiOutlinedInput-notchedOutline{top:0!important}
#root .MuiOutlinedInput-notchedOutline>legend{display:none!important}
@media(max-width:480px){#root #language-button .MuiTypography-root{display:none!important}#root #language-button{width:40px;height:40px}}