/* /assets/styles.css — master loader */
@import url("/assets/css/core.css?v=split-1");
@import url("/assets/css/themes.css?v=split-1");
@import url("/assets/css/marketing.css?v=split-1");
@import url("/assets/css/public.css?v=1");
/* === TapMyLinks global header (scoped, conflict-proof) === */
:root { --page-max: 960px; --gutter: 16px; }

#tml-header { background: transparent; border: 0; }
#tml-header .tml-row{
  max-width: var(--page-max);
  margin: 0 auto;
  padding: 12px var(--gutter);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#tml-brand{ display:inline-flex; align-items:center; gap:8px; margin:0; padding:0; }
#tml-brand img{ display:block; height:32px; width:auto; }

#tml-header .tml-actions{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }

@media (max-width:520px){
  :root { --gutter: 12px; }
  #tml-header .tml-row{ flex-direction:column; align-items:flex-start; gap:8px; padding:10px var(--gutter); }
  #tml-brand img{ height:28px; }
}
<style>
/* Claim card */
.claim-card{
  margin: 1.75rem auto 0;
  max-width: 640px;
  background: var(--card, #fff);
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 14px;
  padding: 1.25rem 1.25rem 1rem;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  text-align: center;
  transition: transform .18s ease, box-shadow .18s ease;
}
.claim-card:hover{ transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.10); }

.claim-card h3{ margin:0 0 .4rem; font-size:1.25rem; font-weight:700; }
.claim-sub{ margin:.2rem 0 1rem; color: var(--text-dim,#6b7280); }
.claim-hint{ display:block; margin-top:.75rem; color: var(--text-dim,#6b7280); }

.claim-form{ display:flex; gap:.6rem; justify-content:center; }
.claim-form input{
  flex: 1 1 260px;
  padding:.65rem .8rem;
  border:1px solid var(--border,#e5e7eb);
  border-radius:8px;
  font-size:1rem;
  background: var(--card,#fff);
  color: var(--text,#0f172a);
}
.claim-form .btn.primary{ flex:0 0 auto; }

/* Small screens: stack neatly */
@media (max-width: 560px){
  .claim-form{ flex-direction:column; }
  .claim-form .btn.primary{ width:100%; }
}

/* Dark themes (if your body gets theme-*) */
.theme-midnight .claim-card,
.theme-neon .claim-card{
  background: color-mix(in oklab, var(--card,#0b0f19), white 6%);
  border-color: color-mix(in oklab, var(--border,#222a3a), white 12%);
}
/* Claim card */
/* Full-width section with gradient */
.claim-handle{
  margin: 2rem 0;
  width: 100%;
  background: linear-gradient(135deg, #3b0764 0%, #6d28d9 100%);
  padding: 3rem 1rem;
  color: #fff;
}

/* Inner card constrained to same width as other containers */
.claim-card{
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.claim-card h3{
  margin: 0 0 .75rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
}
.claim-sub{
  margin:.25rem 0 1.25rem;
  font-size: 1rem;
  color: rgba(255,255,255,.9);
}
.claim-hint{
  display:block;
  margin-top:1rem;
  font-size:.85rem;
  color: rgba(255,255,255,.7);
}

/* Form layout */
.claim-form{
  display:flex;
  gap:.75rem;
  justify-content:center;
  flex-wrap: wrap;
}
.claim-form input{
  flex: 1 1 260px;
  padding:.75rem .9rem;
  border:1px solid rgba(255,255,255,.3);
  border-radius:10px;
  font-size:1rem;
  background: rgba(255,255,255,.12);
  color:#fff;
}
.claim-form input::placeholder{ color: rgba(255,255,255,.6); }
.claim-form .btn.primary{
  flex:0 0 auto;
  background:#fff !important;
  color:#3b0764 !important;
  border: none !important;
  font-weight:700;
}
.claim-handle{
  margin: 2rem 0;
  width: 100%;
  background: linear-gradient(135deg, #3b0764 0%, #6d28d9 100%);
  padding: 3rem 1rem;
  color: #fff;

  border-radius: 20px;        /* <- NEW */
  max-width: 1200px;          /* keep it aligned with other wide cards */
  margin-left: auto;          /* center the strip */
  margin-right: auto;
}
/* Small screens: stack */
@media (max-width: 560px){
  .claim-form{ flex-direction:column; }
  .claim-form .btn.primary{ width:100%; }
}


</style>