/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
body { margin: 0; background: #f5f5f2; color: #1c2930; font-family: system-ui, sans-serif; line-height: 1.6; padding: 8vh 1rem; }
.card { max-width: 30rem; margin: auto; background: #fff; border: 1px solid #e2e5e5; border-radius: 1rem; padding: clamp(1.5rem, 5vw, 3rem); box-shadow: 0 12px 35px #1726300a; }
.wordmark { font-weight: 700; letter-spacing: -.03em; font-size: 1.1rem; margin-bottom: 2.5rem; }
.wordmark span { font-weight: 400; color: #66747c; margin-left: .5rem; }
h1 { line-height: 1.2; font-size: 1.9rem; letter-spacing: -.04em; }
p { color: #52626b; }
.button { display: inline-block; background: #174c57; color: #fff; padding: .85rem 1.25rem; border: 0; border-radius: .5rem; font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; margin: .8rem 0; }
.button:hover { background: #0e3740; }
a { color: #174c57; }
.note { font-size: .85rem; }
label { display: block; margin: .75rem 0; }
.flash { background: #f1f5f5; padding: .8rem; border-radius: .4rem; }