<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title><?= isset($pageTitle) ? htmlspecialchars($pageTitle).' - ' : '' ?>EduSmart SMS</title>
<meta name="robots" content="noindex, nofollow, noarchive">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="/cbe/sms/public/assets/bootstrap-icons.min.css" rel="stylesheet">
<style>
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.auth-card{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:420px;box-shadow:0 25px 60px rgba(0,0,0,.3)}
.auth-logo{text-align:center;margin-bottom:32px}
.auth-logo .logo{width:60px;height:60px;background:#1a7f5a;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;margin-bottom:12px}
.auth-logo h1{font-size:22px;font-weight:700;color:#1e293b}
.auth-logo p{color:#64748b;font-size:14px;margin-top:4px}
.form-group{margin-bottom:18px}
label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:#374151}
.input-wrap{position:relative}
.input-wrap i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px}
input{width:100%;padding:12px 13px 12px 40px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;transition:border-color .2s}
input:focus{outline:none;border-color:#1a7f5a;box-shadow:0 0 0 3px rgba(26,127,90,.1)}
.btn-login{width:100%;padding:13px;background:#1a7f5a;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}
.btn-login:hover{background:#145f44}
.alert{padding:12px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}
.alert-danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.form-check{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.form-check input{width:auto;padding:0}
.form-check label{margin:0;font-size:13px;color:#6b7280}
</style>
</head>
<body>
<?= $content ?>
</body>
</html>
