:root {
 --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 --accent: #3a80d8;
 --primary: #3a80d8;
 --primary-hover: #2c66b8;
 --success: #22c55e;
 --warning: #f8714a;
 --gold: #facc15;
 --muted: #9ca3af;
 --text: #e5e7eb;
 --bg: #121212;
 --surface: #1f2937;
 --surface-light: #374151;
 --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 --radius: 0.5rem;
}


.login-card .stars {
 justify-content: center;
 margin-bottom: 1rem;
 width: 100%;
}

.moreinfo {
 display: flex;
 justify-content: flex-end;
 margin-bottom: 1rem;
}

/* Page shell: same max-width centering as .container in common.css; gutters + top inset like dashboard */
.app-login .container {
 padding: 1rem 1rem 2rem;
 box-sizing: border-box;
}

/* Card width cap only; full-bleed canvas uses html/body var(--bg) from common.css */
.app-login .login-card {
 max-width: 520px;
 margin: 0 auto;
 background: var(--surface);
 border-radius: var(--radius);
 box-shadow: var(--shadow);
 padding: 1.5rem;
}