*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Arial,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#0B1641 0%,#0067CC 100%);color:#fff}
.login-card{background:#fff;border-radius:16px;padding:3rem 2.5rem;width:100%;max-width:420px;text-align:center;box-shadow:0 20px 60px rgba(11,22,65,0.35)}
.logo{margin-bottom:2rem}
.logo img{width:200px;height:auto}
h1{color:#0B1641;font-size:1.4rem;font-weight:700;margin-bottom:0.5rem}
.subtitle{color:#4B4C52;font-size:0.9rem;margin-bottom:2.5rem}
.btn-microsoft{display:inline-flex;align-items:center;gap:12px;background:#2f2f2f;color:#fff;border:none;border-radius:9999px;padding:12px 24px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background 0.2s;width:100%;justify-content:center}
.btn-microsoft:hover{background:#1a1a1a}
.btn-microsoft svg{width:20px;height:20px;flex-shrink:0}
.footer{margin-top:2rem;color:#8D8E91;font-size:0.75rem}

/* paginas de erro */
.err-body{background:#F5F5F5;color:#3C3C3E;display:flex;justify-content:center;align-items:center;min-height:100vh}
.card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px rgba(11,22,65,0.1);max-width:400px;text-align:center}
.card h1{color:#c0392b;font-size:1.5rem}
.card p{color:#4B4C52}