/* Urban Motto — small custom CSS on top of Tailwind */
:root{
  --ring: 0 0% 9%;
}
.um-container{max-width:1200px;margin:0 auto;padding:0 1rem}
.um-section{padding:3rem 0}
.um-h2{font-size:1.5rem;line-height:1.2;font-weight:800}

/* Buttons */
.um-btn-primary{background:#111318;color:#fff;padding:.65rem 1rem;border-radius:9999px;display:inline-block}
.um-btn-primary:hover{background:#0b0f19}
.um-btn-secondary{border:1px solid #94a3b8;color:#0b0f19;padding:.65rem 1rem;border-radius:9999px;display:inline-block}
.um-btn-secondary:hover{background:#f8fafc}
.um-btn-mini{border:1px solid #cbd5e1;padding:.35rem .7rem;border-radius:9999px;font-size:.85rem}

/* Chips & badges */
.um-chip{display:inline-block;padding:.25rem .5rem;border-radius:9999px;background:#f1f5f9;font-size:.75rem}
.um-badge{display:inline-block;padding:.25rem .5rem;border-radius:.5rem;background:#eef2ff}

/* Inputs */
.um-label{display:block;font-weight:600;margin-bottom:.25rem}
.um-input{width:100%;padding:.6rem .8rem;border:1px solid #cbd5e1;border-radius:.75rem}
.um-input:focus{outline:2px solid transparent;box-shadow:0 0 0 3px rgba(20,184,166,.35)}

/* Fancy cards */
.um-card-3d{background:radial-gradient(1200px 400px at 0% 0%,#ffffff, #f8fafc);border:1px solid #e2e8f0}
.um-glass{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));backdrop-filter:blur(8px)}

/* Tabs */
.um-tab{flex:1 1 auto;border:1px solid #cbd5e1;padding:.5rem 1rem;border-radius:9999px;font-weight:600}
.um-tab.active{background:#0b0f19;color:#fff;border-color:#0b0f19}

/* Sticky mobile bottom nav */
.sticky-bottom-nav{position:sticky;bottom:0;left:0;right:0;display:flex;gap:.5rem;padding:.25rem;background:#0b0f19;color:#fff}
.sticky-bottom-nav a{background:#111827;border-radius:.75rem}
.sticky-bottom-nav a:active{transform:scale(.98)}

/* Helpers */
.border{border-color:#e2e8f0}