/* Devhouse skin for the Authelia portal (injected by nginx at devops.devhouse.vn/auth). Public file: no secrets. */
@font-face{font-family:'Be Vietnam Pro';font-weight:400;font-display:swap;src:url(/assets/fonts/BeVietnamPro-400.ttf) format('truetype')}
@font-face{font-family:'Be Vietnam Pro';font-weight:600;font-display:swap;src:url(/assets/fonts/BeVietnamPro-600.ttf) format('truetype')}
@font-face{font-family:'Be Vietnam Pro';font-weight:700;font-display:swap;src:url(/assets/fonts/BeVietnamPro-700.ttf) format('truetype')}
html,body{min-height:100%}
body{font-family:'Be Vietnam Pro',system-ui,sans-serif!important;color:#e6edf8!important;
  background:radial-gradient(circle at 12% 18%,rgba(20,184,166,.28),transparent 38%),radial-gradient(circle at 88% 85%,rgba(37,99,235,.35),transparent 45%),linear-gradient(140deg,#071021,#0d2440 60%,#0a1a30)!important;background-attachment:fixed!important}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at 50% 45%,#000,transparent 75%)}
#root{position:relative;z-index:1}
#root *{font-family:'Be Vietnam Pro',system-ui,sans-serif!important}
#root header.MuiAppBar-root{background:transparent!important}
#root header .MuiTypography-root{color:#cbd5e1!important}
/* the card */
#root .MuiContainer-maxWidthXs{position:relative;max-width:410px!important;margin-top:2vh;padding:36px 34px 26px!important;border-radius:22px;
  background:rgba(13,24,44,.78)!important;border:1px solid rgba(148,163,184,.18);box-shadow:0 30px 80px rgba(0,0,0,.45);backdrop-filter:blur(14px)}
#root .MuiContainer-maxWidthXs::before{content:'DEVHOUSE · KHO KIẾN THỨC DEVOPS';display:block;margin:-6px 0 14px;font-size:10.5px;font-weight:700;letter-spacing:.18em;color:#5eead4;text-align:center}
#root .MuiContainer-maxWidthXs img[alt="Logo"]{width:58px!important;height:auto!important;filter:drop-shadow(0 8px 18px rgba(20,184,166,.35))}
#root h5.MuiTypography-h5{font-weight:700!important;letter-spacing:-.01em;color:#fff!important;margin:6px 0 4px}
#root .MuiTypography-root{color:#cbd5e1}
#root .MuiFormLabel-root{color:#94a3b8!important}
#root .MuiFormLabel-root.Mui-focused{color:#5eead4!important}
#root .MuiOutlinedInput-root{border-radius:12px!important;background:rgba(255,255,255,.04);color:#f1f5f9!important}
#root .MuiOutlinedInput-input{color:#f1f5f9!important;-webkit-text-fill-color:#f1f5f9}
#root .MuiOutlinedInput-notchedOutline{border-color:rgba(148,163,184,.3)!important}
#root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(148,163,184,.55)!important}
#root .Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#2dd4bf!important;border-width:1.5px!important}
#root input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #13233b inset!important;-webkit-text-fill-color:#f1f5f9!important}
#root .MuiCheckbox-root{color:#64748b!important}
#root .MuiCheckbox-root.Mui-checked{color:#2dd4bf!important}
#root .MuiButton-containedPrimary,#root .MuiButton-contained{border-radius:12px!important;padding:11px 16px!important;font-weight:700!important;font-size:15px!important;text-transform:none!important;letter-spacing:0!important;
  background:linear-gradient(120deg,#14b8a6,#2563eb)!important;box-shadow:0 10px 26px rgba(37,99,235,.35)!important;color:#fff!important}
#root .MuiButton-containedPrimary:hover{filter:brightness(1.08)}
#root .MuiButton-outlined,#root .MuiButton-text{border-radius:10px!important;text-transform:none!important;color:#7dd3fc!important}
#root a,#root .MuiLink-root{color:#7dd3fc!important;text-decoration:none!important;font-weight:600}
#root .MuiAlert-root{border-radius:12px!important}
#root .MuiPaper-root:not(.MuiAppBar-root){background-color:#0f1d33!important;color:#e2e8f0!important}
#root [class*="jss13"],#root p[class*="jss"]:last-child{color:#64748b!important}
#root .MuiContainer-maxWidthXs::after{content:'Tài liệu nội bộ · Truy cập được ghi nhật ký';display:block;margin-top:16px;font-size:11.5px;color:#64748b;text-align:center}
@media (max-width:480px){#root .MuiContainer-maxWidthXs{margin:0 14px;padding:28px 20px 20px!important;border-radius:18px}}