:root { color-scheme: light; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.nav-pill { padding:.55rem .8rem; border-radius:.8rem; color:#475569; transition:.18s ease; }
.nav-pill:hover { background:#f1f5f9; color:#0f172a; }
.card { background:rgba(255,255,255,.92); border:1px solid rgba(226,232,240,.9); border-radius:1.5rem; box-shadow:0 18px 50px rgba(15,23,42,.07); }
.field { width:100%; border:1px solid #dbe3ee; background:white; border-radius:.9rem; padding:.78rem .9rem; outline:none; transition:.18s ease; }
.field:focus { border-color:#0891b2; box-shadow:0 0 0 4px rgba(8,145,178,.10); }
.btn-primary { display:inline-flex; align-items:center; justify-content:center; border-radius:.9rem; background:#0f172a; color:white; padding:.78rem 1rem; font-weight:650; transition:.18s ease; }
.btn-primary:hover { transform:translateY(-1px); background:#164e63; }
.btn-secondary { display:inline-flex; align-items:center; justify-content:center; border-radius:.9rem; background:white; border:1px solid #dbe3ee; color:#334155; padding:.72rem 1rem; font-weight:600; }
.brand-mark { display:grid; place-items:center; min-width:4.4rem; height:2.5rem; padding:0 .8rem; border-radius:.9rem; background:#fff; border:1px solid #e2e8f0; box-shadow:0 8px 24px rgba(15,23,42,.06); color:#0f172a; font-weight:900; letter-spacing:.13em; font-size:.76rem; }