:root{
  --primary:#081735;
  --accent:#fcde58;
  --bg:#f8fafc;
  --text:#111827;
  --muted:#6b7280;
}
*{box-sizing:border-box}
body{
  margin:0; font-family:Palatino,'Palatino Linotype','Book Antiqua',Georgia,serif; background:var(--bg); color:var(--text);
}
.container{
  max-width:720px; margin:0 auto; padding:16px; display:flex; flex-direction:column; gap:12px;
}
.logo-container{ text-align:center; padding:20px 0 10px; background:#738595; margin:-16px -16px 0; border-radius:12px 12px 0 0 }
.logo{ max-width:200px; height:auto; display:inline-block }
h1{ text-align:center; color:var(--primary); margin:12px 0 8px; font-size:1.6rem }
form{ display:grid; grid-template-columns:1fr; gap:10px; background:#fff; padding:16px; border-radius:0 0 12px 12px; box-shadow:0 2px 8px rgba(0,0,0,.06) }
label{ font-weight:600; font-size:.95rem }
input, textarea{ width:100%; padding:12px; border:1px solid #e5e7eb; border-radius:10px; font-size:1rem }
input:focus, textarea:focus{ outline:2px solid rgba(91,33,182,.25); border-color:var(--primary) }
button{ appearance:none; border:none; border-radius:999px; padding:12px 16px; background:var(--primary); color:var(--accent); font-family:inherit; font-weight:700; font-size:1rem; cursor:pointer }
button[disabled]{ opacity:.7; cursor:not-allowed }
.message{ min-height:24px; font-size:.95rem; color:var(--muted); text-align:center }
.login-box{ background:#fff; padding:32px 24px; border-radius:0 0 12px 12px; box-shadow:0 2px 8px rgba(0,0,0,.06); text-align:center }
.login-subtitle{ color:var(--muted); font-size:1rem; margin:0 0 24px }
.microsoft-login-btn{ display:inline-flex; align-items:center; gap:12px; padding:12px 24px; background:#fff; color:#5e5e5e; border:1px solid #8c8c8c; border-radius:4px; text-decoration:none; font-weight:600; font-size:1rem; transition:background .2s }
.microsoft-login-btn:hover{ background:#f3f3f3 }
.microsoft-icon{ width:21px; height:21px }
.header-bar{ display:flex; justify-content:space-between; align-items:center; background:#fff; padding:12px 16px; border-radius:0 }
.header-bar h1{ margin:0; font-size:1.4rem; text-align:left }
.logout-btn{ padding:8px 16px; background:transparent; color:var(--primary); border:1px solid var(--primary); font-size:.9rem; font-weight:600; border-radius:8px; cursor:pointer; text-decoration:none; display:inline-block }
.logout-btn:hover{ background:var(--primary); color:#fff }
@media(min-width:640px){ h1{ font-size:1.9rem } .header-bar h1{ font-size:1.6rem } }