/*
 * KagaCDA Membership Portal — interface foundation
 * Prepared for Kaga Community Development Association.
 * Technical implementation: Sahel Lode Integrated Nigeria Limited.
 */
:root{--kcda-blue:#0577b8;--kcda-blue-dark:#0e3854;--kcda-red:#e3262e;--kcda-green:#168447;--kcda-surface:#fff;--kcda-background:#f3f6f8;--kcda-text:#172330;--kcda-muted:#617386;--kcda-border:#dbe3e9;--kcda-shadow:0 12px 32px rgba(16,43,66,.08)}
html,body,input,select,textarea,button{font-family:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
body{background:var(--kcda-background);color:var(--kcda-text)}
.notice{border:1px solid #b9dfc9!important;border-left:4px solid var(--kcda-green)!important;background:#f0faf4!important;color:#126b3b!important}.notice,.notice *{color:#126b3b!important}
.error{border:1px solid #efc0c3!important;border-left:4px solid var(--kcda-red)!important;background:#fff4f4!important;color:#a71921!important}.error,.error *{color:#a71921!important}
.auth-v310{min-height:calc(100vh - 86px);background:linear-gradient(90deg,#edf4f8 0,#edf4f8 50%,#f8fafb 50%,#f8fafb 100%)}
.auth-v310 .brand{position:relative;padding-top:62px}.auth-logo{width:112px;height:112px;object-fit:contain;display:block;margin:0 0 24px}
.auth-v310 .brand h1{max-width:650px;margin:12px 0 30px;font-size:clamp(2rem,3.2vw,3.65rem);line-height:1.05;letter-spacing:-.04em;color:var(--kcda-blue-dark)}
.auth-v310 .brand h1 span{display:block;margin-bottom:12px;font-size:.38em;line-height:1.35;letter-spacing:0;color:var(--kcda-blue);font-weight:750}
.directory-link{display:grid;grid-template-columns:1fr auto;gap:3px 18px;align-items:center;max-width:460px;padding:17px 19px;border:1px solid #bfd6e4;border-radius:10px;background:#fff;color:var(--kcda-blue-dark);text-decoration:none;box-shadow:0 6px 18px rgba(14,56,84,.05)}
.directory-link span{grid-column:1;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;color:var(--kcda-muted);font-weight:700}.directory-link strong{grid-column:1;font-size:.98rem}.directory-link b{grid-column:2;grid-row:1/3;color:var(--kcda-red);font-size:1.5rem}.directory-link:hover{border-color:var(--kcda-blue);transform:translateY(-1px)}
.auth-v310 .panel{border-top:5px solid var(--kcda-blue);box-shadow:var(--kcda-shadow)}.auth-options{margin-top:20px;padding-top:12px;border-top:1px solid var(--kcda-border)}.auth-options p{margin:10px 0;color:var(--kcda-muted);font-size:.9rem}
.recovery-page .panel{text-align:left;border-top:5px solid var(--kcda-blue);box-shadow:var(--kcda-shadow)}.recovery-logo{width:82px;height:82px;object-fit:contain;display:block;margin:0 0 18px}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 32px;background:#fff;border-top:1px solid var(--kcda-border);color:var(--kcda-muted);font-size:.82rem}.site-footer strong{color:var(--kcda-blue-dark)}.site-footer a{color:var(--kcda-blue);font-weight:700;text-decoration:none}
@media(max-width:850px){.auth-v310{background:var(--kcda-background)}.auth-v310 .brand{padding-top:30px}.auth-logo{width:88px;height:88px}.site-footer{flex-direction:column;text-align:center;padding:18px}}