/* Chat Madrasah welcome – mobile-first, independent of AdminLTE/Bootstrap */
:root { color-scheme: light; --green: #087e5a; --link: #0878c9; --text: #171b1c; }
* {box-sizing:border-box}
html,body {margin:0; padding:0; min-height:100%;}
body {background:#fff;color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;}
a {color:var(--link);font-weight:650;text-decoration:none}
a:focus-visible,.cm-continue:focus-visible {outline:3px solid #216bd1;outline-offset:3px}
.cm-welcome {width:100%;max-width:560px;min-height:100vh;min-height:100svh;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;padding:calc(30px + env(safe-area-inset-top)) 27px calc(25px + env(safe-area-inset-bottom));}
.cm-hero {flex:1;min-height:210px;display:flex;align-items:center;justify-content:center;padding:22px 0 16px;}
.cm-logo-wrap {display:flex;align-items:center;justify-content:center;width:min(62vw,255px);height:min(62vw,255px);max-height:255px;}
.cm-school-logo {display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.035));}
.cm-logo-fallback {display:none;width:min(46vw,185px);height:min(46vw,185px);border:5px solid #0b7155;border-radius:50%;align-items:center;justify-content:center;color:#0b7155;font-weight:800;font-size:48px;letter-spacing:-2px;background:#f3fbf6;}
.cm-intro {display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding-bottom:2px;}
.cm-intro h1 {font-weight:500;font-size:clamp(27px,6.9vw,37px);line-height:1.19;letter-spacing:-.8px;margin:0 0 24px;max-width:500px;}
.cm-policy {color:#667075;font-size:clamp(15px,4vw,18px);line-height:1.57;max-width:500px;margin:0 auto 28px;}
.cm-country {display:flex;align-items:center;justify-content:center;gap:13px;background:#f4f5f6;border-radius:100px;color:#121a1f;min-width:205px;padding:11px 24px;font-size:19px;margin-bottom:23px;}
.cm-country-chevron {font-size:22px;line-height:1;margin-left:6px;font-weight:600;}
.cm-continue {background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;min-height:54px;width:100%;border-radius:27px;font-size:17px;font-weight:650;transition:background .2s;}
.cm-continue:visited {color:#fff}
.cm-continue:hover {color:#fff;background:#066c4e}
.cm-identity {font-size:12px;color:#858d8f;margin:15px 0 0;}
@media(max-width:365px){.cm-welcome{padding-left:19px;padding-right:19px}.cm-intro h1{font-size:27px}.cm-policy{font-size:14px}.cm-country{margin-bottom:17px}}
@media(min-width:820px){body{background:#f2f8f5}.cm-welcome{min-height:calc(100vh - 36px);margin:18px auto;border-radius:20px;background:#fff;box-shadow:0 14px 44px rgba(0,0,0,.06);padding-left:38px;padding-right:38px}}
@media(max-height:670px){.cm-welcome{padding-top:18px;padding-bottom:14px}.cm-hero{min-height:115px;padding:0}.cm-logo-wrap{height:min(30vh,185px)}.cm-intro h1{margin-bottom:12px}.cm-policy{margin-bottom:16px}.cm-country{padding:9px 20px;margin-bottom:12px}.cm-identity{margin-top:8px}}