*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2332 0%,#2d3e50 50%,#1a2332 100%);color:#fff}
.login-card{background:#fff;border-radius:12px;padding:3rem 2.5rem;width:100%;max-width:420px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.3)}
.logo{margin-bottom:2rem}
.logo img{width:200px;height:auto}
h1{color:#314FA0;font-size:1.4rem;font-weight:600;margin-bottom:0.5rem}
.subtitle{color:#666;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:4px;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:#999;font-size:0.75rem}

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