/* Namma Auth portal - Authelia v4.39.20, theme: light
   Fonts, branding, background, hero and footer layout. Rollback: /root/namma-backup-* */

@font-face{font-family:'Satoshi';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/satoshi-400.woff2) format('woff2')}
@font-face{font-family:'Satoshi';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/satoshi-500.woff2) format('woff2')}
@font-face{font-family:'Satoshi';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/satoshi-700.woff2) format('woff2')}
/* No satoshi-900 file ships here, so 900 maps to the bold 700 face
   instead of a 404 fallback to a system font. */
@font-face{font-family:'Satoshi';font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/satoshi-700.woff2) format('woff2')}
*{font-family:'Satoshi',system-ui,sans-serif!important}
#language-button{display:none!important}

/* footer credit must never wrap to two lines */
a[href="https://namma.cloud"],
a[href="https://namma.cloud/"]{
  white-space:nowrap!important;
  display:inline-block!important;
  max-width:none!important;
  width:auto!important;
}
footer a,footer p,footer span{text-wrap:nowrap!important}
footer a[href*="namma.cloud"]{white-space:nowrap!important}

/* brand logo (replaced via namma-brand.js, served same-origin for CSP) */
img[src*="/namma-logo.png"]{max-height:88px;width:auto;object-fit:contain;display:block;margin:0 auto}

/* background: fixed aurora gradient overlay (Namma Cloud), no image dependency */
html{background:transparent!important}
body{background:transparent!important}
html::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 40% at 15% 10%, rgba(45, 91, 255, 0.08), transparent),
    radial-gradient(ellipse 50% 35% at 85% 90%, rgba(120, 80, 255, 0.06), transparent),
    radial-gradient(ellipse 40% 30% at 50% 50%, rgba(0, 200, 150, 0.04), transparent),
    radial-gradient(ellipse 30% 25% at 70% 20%, rgba(255, 100, 150, 0.04), transparent),
    radial-gradient(ellipse 35% 25% at 20% 80%, rgba(255, 180, 50, 0.03), transparent),
    #f8f9fc}

/* Namma Cloud hero — title + description (injected by namma-brand.js)

   Hero and login card are stacked as one centred block. The app's
   min-height:100vh and its own vertical centring are both cleared, so
   the pair is centred as a unit and no dead space opens up between the
   description and the form. */
body{display:flex!important;flex-direction:column;justify-content:center;
  align-items:center;min-height:100vh;padding:clamp(12px,3vh,40px) 0}

.namma-hero{order:-1;flex:0 0 auto;text-align:center;pointer-events:none;
  padding:0 24px clamp(10px,2.5vh,28px)}

.namma-hero__title{font-family:'Satoshi',system-ui,sans-serif!important;
  font-size:clamp(1.75rem,8vh,6rem);font-weight:900;letter-spacing:-0.05em;
  line-height:1;color:#0d0d14;margin:0 0 clamp(6px,1.2vh,14px)}

.namma-hero__subtitle{font-family:'Satoshi',system-ui,sans-serif!important;
  font-size:clamp(0.68rem,1.9vh,1.125rem);font-weight:300;color:#5a5a6a;
  letter-spacing:.14em;text-transform:uppercase;margin:0}

/* the Authelia outer MuiGrid carries min-height:100vh, which both
   overflowed the page and re-centred the card inside the leftover
   space. Clearing it lets the whole stack sit centred. */
#root{flex:0 0 auto;display:flex;justify-content:center;align-items:flex-start;
  width:100%;min-height:0!important}
#root>*{min-height:0!important}
#root .MuiGrid-container{min-height:0!important}
#root .MuiContainer-root{margin-top:0!important}