@import url("../design-system/styles.css");
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 1rem; background: var(--surface-page); color: var(--text-body); font-family: var(--font-body); }
.auth-card { width: min(100%, 430px); padding: 2rem; border-radius: var(--radius-lg); background: var(--surface-card); box-shadow: var(--shadow-lg); }
.auth-card h1 { margin-top: 0; }
.provider, .auth-card button { display: block; width: 100%; margin: .75rem 0; padding: .8rem 1rem; border: 1px solid var(--border-default); border-radius: var(--radius-md); background: var(--surface-card); color: var(--text-body); text-align: center; text-decoration: none; font: inherit; cursor: pointer; }
.provider:hover, .auth-card button:hover { border-color: var(--red-600); }
.auth-card label, .auth-card input { display: block; width: 100%; }
.auth-card input { margin-top: .4rem; padding: .7rem; }
.error { color: var(--text-danger, #a40000); }