:root{
  --niua-bg:#f5f7fb; --niua-text:#0b1320; --niua-muted:#6b7280; --niua-brand:#0b4dbf;
  --niua-border: rgba(15,23,42,.08); --niua-radius:16px;
}
.niua-container{max-width:1100px;margin:0 auto;padding:0 16px;}
.niua-screen{background:var(--niua-bg);padding:24px;border-radius:var(--niua-radius);margin:16px auto;}
.niua-title{margin:0 0 8px;font-size:1.8rem;font-weight:900;}
.niua-rich p{margin:.5rem 0;color:var(--niua-text);} .niua-rich ul{margin:.5rem 1.25rem;}
/* HERO full viewport */
.niua-hero{position:relative;min-height:100vh;background-size:cover;background-position:center;}
.niua-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.25));}
.niua-hero__content{position:relative;z-index:1;display:flex;align-items:center;min-height:100vh;}
.niua-hero__card{background:rgba(255,255,255,.9);backdrop-filter:saturate(1.2) blur(4px);border-radius:18px;border:1px solid var(--niua-border);padding:24px;max-width:780px;}
/* Auth section under hero */
.niua-auth{margin-top:24px;margin-bottom:24px;}
.niua-landing-grid-2{display:grid;gap:16px;grid-template-columns:1fr;}
.niua-card{background:#fff;border:1px solid var(--niua-border);border-radius:18px;padding:16px;}
/* Forms */
.niua-form{display:grid;gap:12px;}
.niua-form--stack label{display:block;font-weight:700;}
.niua-form--stack input, .niua-form textarea, .niua-form select{width:100%;padding:12px 14px;border:1px solid var(--niua-border);border-radius:12px;margin-top:6px;}
.niua-form--uniform .niua-field{display:grid;gap:6px;}
.niua-textarea{min-height:140px;resize:vertical;}
.niua-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;}
.niua-btn{appearance:none;border:0;padding:12px 16px;border-radius:12px;background:#e9eef7;color:#0b1320;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;}
.niua-btn--primary{background:var(--niua-brand);color:#fff;}
.niua-alert{padding:10px 12px;border-radius:10px;margin:10px auto;max-width:900px;}
.niua-alert--ok{background:#e8fff0;color:#14532d;border:1px solid #bbf7d0;}
.niua-h2{font-size:1.5rem;font-weight:900;margin:0 0 12px;}
/* Lists & cards */
.niua-cards{display:grid;gap:16px;}
.niua-card__body{display:grid;gap:8px;}
.niua-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.niua-list--apps li{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--niua-border);border-radius:14px;padding:12px 14px;}
.niua-list__title{font-weight:800;} .niua-list__meta{color:#3b5aa9;font-weight:600;}
.niua-two-col{display:grid;grid-template-columns:1fr;gap:12px;}
/* School view */
.niua-school-header{display:flex;gap:16px;align-items:center;margin-bottom:12px;}
.niua-school-logo{width:72px;height:72px;object-fit:cover;border-radius:12px;border:1px solid var(--niua-border);}
.niua-content h2,.niua-content h3,.niua-content p,.niua-content ul{margin: .5rem 0;}
/* Responsive */
@media(min-width:840px){
  .niua-landing-grid-2{grid-template-columns:1fr 1fr;}
  .niua-two-col{grid-template-columns:1fr 1fr;}
}


/* Unify form look inside cards (login + create account) */
.niua-card, .niua-card * { box-sizing: border-box; font-family: inherit; }
.niua-card input[type="text"], .niua-card input[type="email"], .niua-card input[type="password"],
.niua-card select, .niua-card textarea, .niua-card .input{
  width:100%; max-width:100%; border:1px solid var(--niua-border); border-radius:12px; padding:10px 12px; background:#fff;
}
.niua-card .login-remember label{display:flex; align-items:center; gap:8px; white-space:nowrap;}
.niua-card .login-submit input{width:100%;}
/* Full-bleed hero */
.niua-hero{position:relative;min-height:100vh;background-size:cover;background-position:center;}
.pe-article .pe-content > .niua-hero{ margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); width:100vw; max-width:100vw; }


/* Unify WP login and custom register cards */
.niua-card .login-username input,
.niua-card .login-password input,
.niua-card .login-remember label,
.niua-card .login-submit input{
  font-family: inherit;
}
.niua-card .login-username input,
.niua-card .login-password input{
  background:#fff !important;
  border:1px solid var(--niua-border) !important;
  border-radius:12px !important;
  padding:10px 12px !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
.niua-card .login-remember{display:flex;align-items:center;gap:8px;justify-content:flex-start !important;}
.niua-card .login-remember label{display:flex;align-items:center;gap:8px;white-space:nowrap;margin:0;}
.niua-card .login-submit input{width:100%;}
/* School list cards with thumb + link */
.niua-card--school{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;}
.niua-card__thumb{width:88px;height:88px;object-fit:cover;border-radius:12px;border:1px solid var(--niua-border);display:block;}


/* === NIU: Login/Register exact alignment & buttons === */
.niua-card h2, .niua-card .niua-h2{margin:0 0 16px;}
.niua-card .login-username, .niua-card .login-password, .niua-card .niua-field{margin:10px 0;}
.niua-card .login-username input, .niua-card .login-password input{background:#fff !important;}

.niua-card .login-remember{display:flex;align-items:center;gap:8px;justify-content:flex-start;margin:8px 0 12px;}
.niua-card .login-remember label{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap;order:2;}
.niua-card .login-remember input[type="checkbox"]{margin:0;order:1;}

/* Style the WP login submit button to match .niua-btn */
.niua-card .login-submit input{
  appearance:none;-webkit-appearance:none;
  border:0; border-radius:12px; padding:12px 16px;
  background:#0b4dbf; color:#fff; font-weight:700; font-family:inherit;
  width:100%; cursor:pointer;
}
.niua-card .login-submit input:hover{filter:brightness(0.98);}

/* Ensure inline action rows layout */
.niua-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}