*,*::before,*::after{box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#f4f6f8;color:#1a1a2e;margin:0}
.navbar{display:flex;align-items:center;justify-content:space-between;background:#0b6b6f;padding:12px 32px}
.brand{color:#fff;font-weight:700;font-size:18px;text-decoration:none}
.nav-right{display:flex;align-items:center;gap:16px}
.nav-user{color:#cef0f0;font-size:14px}
.btn-nav{color:#fff;border:1px solid rgba(255,255,255,0.5);padding:6px 14px;border-radius:4px;text-decoration:none;font-size:14px}
.container{max-width:960px;margin:40px auto;padding:0 24px}
.hero{text-align:center;padding-top:80px}
.hero h1{font-size:2.4rem;margin-bottom:12px}
.subtitle{font-size:1.1rem;color:#555;margin-bottom:32px}
.btn-primary{display:inline-block;background:#0b6b6f;color:#fff;padding:14px 32px;border-radius:6px;text-decoration:none;font-size:16px;font-weight:600}
.login-wrap{max-width:420px}
.card{background:#fff;border:1px solid #dde2e8;border-radius:8px;padding:32px;display:grid;gap:14px}
.card h2{margin:0 0 4px;font-size:1.4rem}
label{font-size:14px;font-weight:600;color:#333}
input[type=email],input[type=password]{width:100%;padding:10px 12px;font-size:15px;border:1px solid #ccc;border-radius:4px}
button[type=submit]{background:#0b6b6f;color:#fff;border:0;padding:12px;font-size:16px;border-radius:4px;cursor:pointer;margin-top:4px}
.error{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c;padding:10px 12px;border-radius:4px;font-size:14px;margin:0}
.card.info{gap:10px}
iframe{border-radius:6px}