/* KartuPelajar.id — Base CSS */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: system-ui, sans-serif; font-size: 15px; line-height: 1.6; color: #111827; background: #f3f4f6; }
a { color: #1A56DB; text-decoration: none; }
a:hover { text-decoration: underline; }
input, select, textarea, button { font-family: inherit; font-size: inherit; }
input, select, textarea { width: 100%; padding: 8px 12px; border: 1.5px solid #D1D5DB; border-radius: 8px; outline: none; }
input:focus, select:focus, textarea:focus { border-color: #1A56DB; }
button { padding: 9px 20px; border-radius: 8px; border: none; background: #1A56DB; color: #fff; cursor: pointer; font-weight: 600; }
button:hover { background: #1344B0; }
.alert { padding: 12px 16px; border-radius: 8px; margin-bottom: 12px; }
.alert-success { background: #ECFDF5; color: #065F46; }
.alert-error   { background: #FEF2F2; color: #991B1B; }
.alert-warning { background: #FFF8E7; color: #92400E; }
.auth-wrap { max-width: 400px; margin: 80px auto; background: #fff; padding: 32px; border-radius: 14px; border: 1px solid #E5E7EB; }