/* RouteDrop brand system — shared across customer / driver / employer */
:root{
  --black:#0a0a0a;
  --ink:#111111;
  --muted:#5c5c5c;
  --faint:#8a8a8a;
  --line:#e8e8e8;
  --line-2:#f0f0f0;
  --paper:#ffffff;
  --bg:#fafafa;
  --go:#06c167;
  --go-ink:#003d1f;
  --go-soft:#e8faf0;
  --danger:#c62828;
  --warn:#b45309;
  --radius:16px;
  --shadow:0 2px 8px rgba(0,0,0,.04), 0 16px 48px -24px rgba(0,0,0,.18);
  --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.25,.1,.25,1);
}
*{box-sizing:border-box}
body{
  font-family:var(--font);margin:0;color:var(--ink);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}

.rd-logo{
  display:inline-flex;align-items:center;gap:10px;
  font-weight:800;font-size:17px;letter-spacing:-.04em;
}
.rd-logo img,.rd-logo .mark{
  width:28px;height:28px;border-radius:8px;display:block;flex:none;
}
.rd-logo .mark{
  background:var(--go);display:grid;place-items:center;
}
.rd-logo .mark svg{display:block}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:none;cursor:pointer;font-weight:600;border-radius:999px;
  padding:12px 20px;font-size:14px;
  transition:transform .12s var(--ease),background .12s;
}
.btn:active{transform:scale(.98)}
.btn-go{background:var(--go);color:#fff;box-shadow:0 8px 24px -10px rgba(6,193,103,.5)}
.btn-go:hover{background:#05a857}
.btn-dark{background:var(--black);color:#fff}
.btn-dark:hover{background:#222}
.btn-ghost{background:transparent;border:1.5px solid var(--line);color:var(--muted)}
.btn-ghost:hover{border-color:#ccc;color:var(--ink)}
.btn-block{width:100%;border-radius:12px;padding:14px}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}

.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
@media(max-width:600px){.wrap{padding:0 18px}}