/* Makes Authelia's own pages (security keys, settings, logout) match the sign-in page. Injected by nginx. */
:root{--bg:#061323;--bg-2:#0d3156;--glass:rgba(14,56,96,.46);--field:rgba(6,34,64,.78);--edge:rgba(126,214,255,.22);--fg:#e8f5ff;--muted:#8fb4d2;--accent:#55d4ff;--accent-deep:#0f5aa6;--ang:0deg}
html,body{min-height:100%;color:var(--fg)!important;font-family:'Manrope','Segoe UI',system-ui,-apple-system,sans-serif!important;
  background:radial-gradient(120% 70% at 50% 100%,rgba(95,143,181,.55),transparent 60%),radial-gradient(110% 80% at 50% 0%,var(--bg-2),var(--bg) 75%)!important;background-attachment:fixed!important;color-scheme:dark}
#sky{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}
#root{position:relative;z-index:1;background:transparent!important}
#root>*,main,.MuiContainer-root{background-color:transparent!important}
a{color:var(--accent)!important}
h1,h2,h3,h4,h5,h6,.MuiTypography-h1,.MuiTypography-h2,.MuiTypography-h3,.MuiTypography-h4,.MuiTypography-h5,.MuiTypography-h6{font-family:'Rajdhani','Bahnschrift','Segoe UI',system-ui,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:600!important}
/* glass cards with the pointer-lit ring */
.MuiPaper-root{background-color:var(--glass)!important;background-image:none!important;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(126,214,255,.14)!important;
  box-shadow:0 30px 90px rgba(0,8,24,.6),0 0 44px rgba(85,212,255,.12),inset 0 1px 0 rgba(255,255,255,.06)!important;color:var(--fg)!important;border-radius:22px!important}
.MuiPaper-outlined,.MuiPaper-elevation1{position:relative}
.MuiPaper-root:not(.MuiAppBar-root):not(.MuiDrawer-paper):not(.MuiMenu-paper):not(.MuiDialog-paper){transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out,box-shadow .25s ease-out!important;
  box-shadow:0 30px 90px rgba(0,8,24,.6),var(--gx,0px) var(--gy,0px) 64px rgba(85,212,255,.16),inset 0 1px 0 rgba(255,255,255,.06)!important}
.MuiPaper-root:not(.MuiAppBar-root):not(.MuiDrawer-paper):not(.MuiMenu-paper):not(.MuiDialog-paper)::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--mx,50%) var(--my,30%),rgba(170,232,255,.13),transparent 62%)}
@media (prefers-reduced-motion:reduce){.MuiPaper-root{transition:none!important}}
.MuiPaper-root:not(.MuiAppBar-root):not(.MuiDrawer-paper):not(.MuiMenu-paper)::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1.5px;
  background:conic-gradient(from calc(var(--ang) - 90deg),var(--edge) 0deg,rgba(190,240,255,.9) 70deg,rgba(220,248,255,1) 90deg,rgba(190,240,255,.9) 110deg,var(--edge) 180deg,var(--edge) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.MuiAppBar-root{border-radius:0!important;border-width:0 0 1px 0!important;background-color:rgba(8,28,52,.62)!important}
.MuiDrawer-paper{border-radius:0!important;background-color:rgba(6,19,35,.92)!important}
.MuiListItemButton-root.Mui-selected,.MuiListItemButton-root:hover{background-color:rgba(85,212,255,.12)!important}
.MuiDivider-root{border-color:var(--edge)!important}
.MuiBackdrop-root:not(.MuiBackdrop-invisible){background-color:rgba(3,10,20,.7)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
/* buttons, fields */
.MuiButton-root{font-family:'Rajdhani','Bahnschrift',system-ui,sans-serif!important;font-weight:600!important;letter-spacing:.18em!important;border-radius:10px!important}
.MuiButton-outlined{border-color:var(--edge)!important;color:var(--fg)!important}
.MuiButton-outlined:hover{border-color:var(--accent)!important;background-color:rgba(85,212,255,.1)!important}
.MuiButton-contained{background:linear-gradient(180deg,#1f86d8,var(--accent-deep))!important;color:#ecf8ff!important;border:1px solid rgba(170,232,255,.35)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 28px rgba(15,90,166,.35)!important}
.MuiButton-root.Mui-disabled{opacity:.45}
.MuiIconButton-root{color:var(--accent)!important}
.MuiOutlinedInput-root{background-color:var(--field)!important;border-radius:10px!important;color:var(--fg)!important}
.MuiOutlinedInput-notchedOutline{border-color:rgba(126,214,255,.18)!important}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:rgba(126,214,255,.6)!important}
.MuiInputLabel-root,.MuiFormHelperText-root,.MuiTypography-colorTextSecondary,.MuiListItemText-secondary{color:var(--muted)!important}
.MuiAlert-root{border-radius:12px!important;background-color:rgba(6,34,64,.7)!important}
.MuiSvgIcon-root{color:inherit}
::selection{background:rgba(85,212,255,.3)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}