/* Page-specific styles for login.html (selectors that mean something different per page) */

body { background:var(--paper); font-family:"gill-sans-nova",sans-serif;
    min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; }

.card { background:white; border:1px solid var(--line); width:100%; max-width:380px; padding:40px 36px; }

.brand-tag { font-family:"gill-sans-nova",sans-serif; font-size:10px; text-transform:uppercase;
    letter-spacing:.12em; color:var(--accent); margin-bottom:4px; }

.brand-name { font-size:20px; font-weight:600; letter-spacing:-.01em; color:var(--ink); }

.btn { width:100%; margin-top:24px; background:var(--ink); color:white; border:none;
    padding:11px; font-family:"gill-sans-nova",sans-serif; font-size:12px;
    text-transform:uppercase; letter-spacing:.07em; cursor:pointer; transition:background .12s; }