*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#14213d}.card{max-width:900px;margin:60px auto;background:#fff;border:1px solid #e1e7ef;border-radius:18px;padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.06)}.hero{text-align:center;padding:70px 30px}.brand{font-weight:800;letter-spacing:2px;color:#1264d8}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;border:0;border-radius:10px;background:#1264d8;color:#fff;padding:12px 18px;text-decoration:none;cursor:pointer;font-weight:700}.btn.secondary{background:#eef4ff;color:#1264d8}.form-card{max-width:520px}.form-card form{display:grid;gap:8px}.form-card label{font-weight:700;margin-top:8px}.form-card input{padding:12px;border:1px solid #ccd5e1;border-radius:9px;font-size:16px}.form-card .btn{margin-top:14px}.small{font-size:14px}.alert{padding:12px;border-radius:9px;background:#eef4ff;margin:12px 0}.alert.error{background:#fff0f0;color:#9b1c1c}.alert.success{background:#edf9f0;color:#146c2e}.alert.warning{background:#fff8e6;color:#7a5400}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;background:#fff;border-bottom:1px solid #e1e7ef}.logout{color:#c62828;text-decoration:none;font-weight:700}.container{max-width:1000px;margin:30px auto;padding:0 18px}.welcome h1{margin-bottom:6px}.badge{display:inline-block;padding:6px 10px;border-radius:20px;background:#eaf2ff;color:#1264d8;font-size:12px;font-weight:800}