/* web/public/shared/theme.css */
/* Shared light theme, matched to home.css palette */

/* Base palette from home.css */
:root {
  /* Home-style tokens */
  --bg: #f7fafc;
  --ink: #0b1220;
  --muted: #5b6a7d;
  --card: #ffffff;
  --border: #e6ecf3;
  --ring: #cfe9ff;
  --pop1: #15a1ff;   /* cyan blue */
  --pop2: #ff7ad9;   /* pink */
  --pop3: #ffd34d;   /* gold */
  --shadow: 0 10px 30px rgba(15, 38, 70, 0.08);

  /* Shared theme tokens (mapped onto same light palette) */
  --bg-main: var(--bg);
  --bg-elevated: #ffffff;
  --bg-soft: #f3f6fc;
  --accent: var(--pop3);
  --accent-soft: rgba(255, 211, 77, 0.15);
  --accent-strong: #ffb300;
  --text-main: var(--ink);
  --text-muted: var(--muted);
  --danger: #ff4a6a;
  --border-subtle: var(--border);
  --radius-lg: 18px;
  --radius-xl: 22px;
  --shadow-soft: var(--shadow);
  --shadow-soft-strong: 0 18px 45px rgba(15, 38, 70, 0.16);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "Segoe UI", sans-serif;
  color: var(--text-main);
  background: var(--bg-main);
  min-height: 100%;
}

body {
  display: flex;
  justify-content: center;
  padding: 32px 16px 40px;
}

/* Main app shell used on shop, admin, etc. */
.app-shell {
  width: 100%;
  max-width: 1180px;
  background: radial-gradient(circle at top left,
      rgba(21, 161, 255, 0.12) 0,
      transparent 55%),
    var(--bg-elevated);
  border-radius: 28px;
  box-shadow: var(--shadow-soft-strong);
  border: 1px solid var(--border-subtle);
  padding: 22px 26px 28px;
  position: relative;
  overflow: hidden;
}

.app-shell::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 0 0, rgba(21, 161, 255, 0.11) 0, transparent 55%),
    radial-gradient(circle at 100% 0, rgba(255, 122, 217, 0.16) 0, transparent 50%);
  opacity: 0.85;
  mix-blend-mode: normal;
  pointer-events: none;
}

.app-shell-inner {
  position: relative;
  z-index: 1;
}

/* Top nav */

.app-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.app-nav-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.app-logo-pill {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 0, #fff 0, var(--pop3) 30%, #ff7a18 70%);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3),
    0 12px 24px rgba(15, 38, 70, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: #3a2b00;
  font-size: 18px;
}

.app-nav-title {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.app-nav-title-main {
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--ink);
}

.app-nav-title-sub {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--muted);
}

.app-nav-links {
  display: flex;
  align-items: center;
  gap: 12px;
}

.app-nav-link {
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--muted);
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  transition: all 0.16s ease;
}

.app-nav-link:hover {
  border-color: var(--border);
  color: var(--ink);
  background: #ffffff;
  box-shadow: var(--shadow-soft);
}

.app-nav-link.primary {
  background: linear-gradient(120deg, var(--pop1), #51e0ff);
  color: #052a3b;
  font-weight: 700;
  border-color: transparent;
  box-shadow: 0 10px 24px rgba(15, 38, 70, 0.25);
}

.app-nav-link.primary:hover {
  filter: saturate(1.05);
  transform: translateY(-0.5px);
}

/* Generic buttons / inputs */

.btn {
  border-radius: 999px;
  padding: 9px 15px;
  background: #ffffff;
  color: var(--ink);
  border: 1px solid var(--border-subtle);
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.16s ease;
  box-shadow: var(--shadow-soft);
}

.btn:hover:not(:disabled) {
  background: #f9fbff;
  transform: translateY(-0.5px);
}

.btn-primary {
  background: linear-gradient(120deg, var(--pop1), #51e0ff);
  color: #052a3b;
  border-color: transparent;
  font-weight: 700;
}

.btn-primary:hover:not(:disabled) {
  filter: saturate(1.06);
}

.btn:disabled {
  opacity: 0.5;
  cursor: default;
  transform: none;
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid var(--border-subtle);
  color: var(--muted);
  box-shadow: var(--shadow-soft);
}

/* Forms */

.form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr);
  gap: 18px;
}

.form-card {
  background: var(--card);
  border-radius: var(--radius-xl);
  padding: 16px 16px 18px;
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-soft);
}

.form-card-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 10px;
}

.form-card-title {
  font-size: 14px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink);
}

.form-card-sub {
  font-size: 11px;
  color: var(--muted);
}

.field-group {
  margin-bottom: 10px;
}

.field-row {
  display: flex;
  gap: 10px;
}

label.field-label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--muted);
  margin-bottom: 4px;
}

input[type="text"],
input[type="number"],
input[type="date"],
input[type="url"],
textarea,
select {
  width: 100%;
  border-radius: 11px;
  border: 1px solid var(--border-subtle);
  background: #ffffff;
  color: var(--ink);
  font-size: 13px;
  padding: 7px 9px;
  outline: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease,
    background 0.16s ease;
}

textarea {
  resize: vertical;
  min-height: 60px;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--pop1);
  box-shadow: 0 0 0 1px var(--ring);
  background: #ffffff;
}

.helper-text {
  font-size: 11px;
  color: var(--muted);
  margin-top: 3px;
}

.chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.chip {
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  background: #f3f6fc;
  border: 1px dashed var(--border-subtle);
  color: var(--muted);
}

.status-bar {
  margin-top: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  color: var(--muted);
}

/* Item profile visuals (used across pages) */

.item-profile-shell {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  min-height: 320px;
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-soft);
  background: var(--card);
}

.item-profile-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: saturate(1.08) contrast(1.04);
}

.item-profile-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom,
      rgba(247, 250, 252, 0.08),
      rgba(247, 250, 252, 0.9)),
    radial-gradient(circle at top left,
      rgba(21, 161, 255, 0.08),
      transparent 55%);
  mix-blend-mode: normal;
}

.item-profile-content {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr);
  gap: 14px;
  padding: 16px 16px 16px;
}

.item-profile-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.item-module {
  background: #ffffff;
  border-radius: 18px;
  padding: 10px 11px;
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-soft);
}

.item-module-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

.item-module-title {
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--ink);
}

.item-module-pill {
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #f3f6fc;
  color: var(--muted);
}

.item-module-body {
  font-size: 12px;
  color: var(--ink);
}

.item-overview-main {
  display: flex;
  gap: 10px;
}

.item-overview-image-wrap {
  width: 84px;
  flex-shrink: 0;
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  background: #f1f5fb;
  position: relative;
}

.item-overview-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item-overview-meta {
  flex: 1;
}

.item-tagline {
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 3px;
}

.item-name {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 3px;
  color: var(--ink);
}

.item-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 11px;
  color: var(--muted);
}

.item-pill {
  background: #f3f6fc;
  border-radius: 999px;
  padding: 3px 8px;
}

.item-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}

.item-actions-row .btn {
  font-size: 10px;
  padding: 6px 10px;
}

/* Production + build modules */

.item-meta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 6px;
  font-size: 11px;
}

.item-meta-label {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 10px;
}

.item-meta-value {
  color: var(--ink);
  margin-top: 2px;
}

/* Small owner strip */

.item-owner-strip {
  margin-top: 7px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: var(--muted);
}

.item-owner-avatar {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  background: #f1f5fb;
  flex-shrink: 0;
}

.item-owner-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item-owner-name {
  color: var(--ink);
}

/* Simple responsive tweak */

@media (max-width: 880px) {
  .app-shell {
    padding: 18px 16px 22px;
  }
  .form-grid,
  .item-profile-content {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Shared auth buttons – mirrored from home header, using blue gradient */

.app-nav-auth {
  display: flex;
  align-items: center;
  gap: 8px;
}

.app-auth-btn {
  border-radius: 999px;
  padding: 6px 12px;
  background: #ffffff;
  color: var(--ink);
  border: 1px solid var(--border-subtle);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-shadow: var(--shadow-soft);
  white-space: nowrap;
}

.app-auth-btn--primary {
  background: linear-gradient(90deg, var(--pop1), #51e0ff);
  color: #052a3b;
  border-color: transparent;
}

.app-auth-btn--ghost {
  background: #ffffff;
}

.app-auth-btn:hover {
  filter: saturate(1.06);
  transform: translateY(-0.5px);
}

#sharedSignOutBtn {
  display: none;
}

/* Apparel Registry prelaunch page — public/investor/user focus */
body.registry-prelaunch-page{
  display:block;
  padding:0;
  background:linear-gradient(180deg,#f7fbff 0%,#f3f8ff 48%,#f8fbff 100%);
}
.registry-page-shell{
  min-height:100vh;
  overflow:hidden;
}
.registry-top{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
}
.registry-top-inner{
  width:min(1180px, calc(100% - 28px));
  margin:0 auto;
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.registry-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:var(--ink);
}
.registry-logo-mark{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ffffff,var(--ring));
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  font-weight:1000;
  color:var(--pop1);
}
.registry-brand-copy strong{
  display:block;
  font-size:15px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:1000;
}
.registry-brand-copy span{
  display:block;
  color:var(--muted);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:850;
  margin-top:2px;
}
.registry-nav{
  display:flex;
  align-items:center;
  gap:10px;
}
.registry-nav a{
  text-decoration:none;
}
.registry-hero{
  position:relative;
  width:min(1180px, calc(100% - 28px));
  margin:28px auto 0;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  gap:20px;
  align-items:stretch;
}
.registry-hero-card,
.registry-preview-card,
.registry-card{
  position:relative;
  background:#fff;
  border:1px solid var(--border);
  border-radius:28px;
  box-shadow:var(--shadow-soft-strong);
  overflow:hidden;
}
.registry-hero-card{
  padding:42px;
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.registry-hero-card:before,
.registry-preview-card:before{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 12% 8%,rgba(21,161,255,.16),transparent 32%),
    radial-gradient(circle at 92% 16%,rgba(255,122,217,.14),transparent 30%),
    radial-gradient(circle at 52% 90%,rgba(255,211,77,.15),transparent 36%);
  pointer-events:none;
}
.registry-hero-card > *,
.registry-preview-card > *{
  position:relative;
  z-index:1;
}
.registry-kicker{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--muted);
  box-shadow:var(--shadow);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.registry-hero h1{
  margin:18px 0 12px;
  color:var(--ink);
  font-size:clamp(42px,5.5vw,74px);
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:1000;
}
.registry-hero-lead{
  max-width:720px;
  margin:0;
  color:var(--muted);
  font-size:18px;
  line-height:1.55;
  font-weight:750;
}
.registry-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.registry-feature-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.registry-feature-pills span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 12px;
  border-radius:999px;
  background:#f3f7ff;
  border:1px solid var(--border);
  color:var(--ink);
  font-size:13px;
  font-weight:950;
}
.registry-preview-card{
  padding:26px;
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.registry-device{
  border-radius:32px;
  padding:14px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,#ffffff,#f4f8ff);
  box-shadow:0 22px 60px rgba(15,38,70,.15);
}
.registry-device-screen{
  border-radius:24px;
  background:#fff;
  border:1px solid var(--border);
  overflow:hidden;
}
.registry-item-head{
  padding:18px;
  background:linear-gradient(135deg,rgba(21,161,255,.11),rgba(255,122,217,.10));
  border-bottom:1px solid var(--border);
}
.registry-item-badge{
  display:inline-flex;
  min-height:26px;
  align-items:center;
  padding:0 9px;
  border-radius:999px;
  background:#e9f7ff;
  color:#075a7d;
  border:1px solid #ccefff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.registry-item-head h2{
  margin:12px 0 4px;
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}
.registry-item-head p{
  margin:0;
  color:var(--muted);
  font-weight:800;
}
.registry-verify-list{
  padding:18px;
  display:grid;
  gap:10px;
}
.registry-verify-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid var(--border);
  background:#f8fbff;
  border-radius:16px;
}
.registry-verify-row span{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.registry-verify-row strong{
  color:var(--ink);
  text-align:right;
  font-size:13px;
  font-weight:1000;
}
.registry-scan-card{
  margin-top:14px;
  padding:16px;
  border-radius:20px;
  background:linear-gradient(135deg,#f5fbff,#fff8ef);
  border:1px solid var(--border);
}
.registry-scan-card strong{
  display:block;
  font-size:15px;
  margin-bottom:6px;
}
.registry-scan-card p{
  margin:0;
  color:var(--muted);
  font-weight:750;
  line-height:1.45;
}
.registry-section{
  width:min(1180px, calc(100% - 28px));
  margin:20px auto 0;
}
.registry-section-head{
  margin-bottom:14px;
}
.registry-section-head h2{
  margin:8px 0 0;
  font-size:clamp(28px,3.4vw,44px);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:1000;
}
.registry-section-head p{
  max-width:820px;
  margin:10px 0 0;
  color:var(--muted);
  font-weight:750;
  line-height:1.55;
}
.registry-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.registry-card{
  padding:22px;
  box-shadow:var(--shadow);
}
.registry-card-icon{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#f3f7ff;
  border:1px solid var(--border);
  font-size:20px;
  margin-bottom:14px;
}
.registry-card h3{
  margin:0 0 8px;
  font-size:19px;
  letter-spacing:-.02em;
}
.registry-card p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
  font-weight:750;
}
.registry-split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;
}
.registry-callout{
  margin-top:20px;
  padding:24px;
  border-radius:28px;
  background:linear-gradient(135deg,#ffffff,#f4f9ff);
  border:1px solid var(--border);
  box-shadow:var(--shadow-soft-strong);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.registry-callout h2{
  margin:0 0 8px;
  font-size:30px;
  letter-spacing:-.035em;
}
.registry-callout p{
  margin:0;
  color:var(--muted);
  font-weight:750;
  line-height:1.5;
}
.registry-footer{
  width:min(1180px, calc(100% - 28px));
  margin:28px auto 0;
  padding:18px 0 34px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid var(--border);
}
@media (max-width:900px){
  .registry-top-inner{min-height:68px;}
  .registry-nav{display:none;}
  .registry-hero{grid-template-columns:1fr; margin-top:16px;}
  .registry-hero-card,.registry-preview-card{min-height:0; padding:24px; border-radius:24px;}
  .registry-grid-3,.registry-split{grid-template-columns:1fr;}
  .registry-callout{align-items:flex-start; flex-direction:column;}
}
@media (max-width:560px){
  .registry-brand-copy span{display:none;}
  .registry-hero-card,.registry-preview-card,.registry-card{padding:20px;}
  .registry-cta-row .btn{width:100%; justify-content:center;}
  .registry-footer{flex-direction:column;}
}

/* Rich verified item preview - user/investor facing */
.registry-device-wide{
  padding:12px;
}
.registry-device-wide .registry-device-screen{
  max-height:720px;
  overflow:auto;
  scrollbar-width:thin;
}
.registry-item-head-rich h2{
  font-size:24px;
}
.registry-owner-panel{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--border);
  background:#fff;
}
.registry-owner-avatar{
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  flex:none;
  background:linear-gradient(135deg,#ffffff,var(--ring));
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  color:var(--pop1);
  font-weight:1000;
  letter-spacing:-.04em;
}

.registry-owner-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:16px;
}

.registry-owner-copy span,
.registry-module-title-row span,
.registry-data-grid span,
.registry-xp-head span{
  display:block;
  color:var(--muted);
  font-size:10px;
  font-weight:1000;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.registry-owner-copy strong{
  display:block;
  margin-top:3px;
  color:var(--ink);
  font-size:18px;
  font-weight:1000;
  letter-spacing:-.03em;
}
.registry-owner-copy em{
  display:block;
  margin-top:2px;
  color:var(--pop1);
  font-size:12px;
  font-style:normal;
  font-weight:900;
}
.registry-social-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding:12px 16px;
  border-bottom:1px solid var(--border);
  background:#f8fbff;
}
.registry-social-row span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 6px 14px rgba(15,38,70,.05);
  color:var(--ink);
  font-size:11px;
  font-weight:950;
}
.registry-verify-list-compact{
  padding:14px 16px;
  gap:8px;
}
.registry-verify-list-compact .registry-verify-row{
  padding:10px 11px;
}
.registry-mini-module{
  margin:0 16px 12px;
  padding:13px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 8px 20px rgba(15,38,70,.06);
}
.registry-module-title-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:10px;
}
.registry-module-title-row strong{
  max-width:210px;
  color:var(--muted);
  text-align:right;
  font-size:11px;
  font-weight:800;
  line-height:1.25;
}
.registry-data-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.registry-data-grid div{
  padding:10px;
  border-radius:14px;
  background:#f8fbff;
  border:1px solid var(--border);
}
.registry-data-grid strong{
  display:block;
  margin-top:4px;
  color:var(--ink);
  font-size:12px;
  font-weight:1000;
  line-height:1.2;
}
.registry-game-module{
  margin-bottom:16px;
  background:linear-gradient(135deg,#f5fbff,#fff8ef);
}
.registry-xp-block{
  padding:11px;
  border-radius:15px;
  background:#fff;
  border:1px solid var(--border);
}
.registry-xp-block + .registry-xp-block{
  margin-top:8px;
}
.registry-xp-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.registry-xp-head strong{
  flex:none;
  color:var(--ink);
  font-size:11px;
  font-weight:1000;
}
.registry-xp-bar{
  height:9px;
  margin-top:8px;
  border-radius:999px;
  background:#eef4fb;
  border:1px solid var(--border);
  overflow:hidden;
}
.registry-xp-bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--pop1),#51e0ff,var(--pop3));
}
.registry-xp-block p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:11px;
  font-weight:850;
}

@media (max-width:560px){
  .registry-data-grid{grid-template-columns:1fr;}
  .registry-module-title-row{display:block;}
  .registry-module-title-row strong{text-align:left; display:block; margin-top:4px; max-width:none;}
  .registry-xp-head{display:block;}
  .registry-xp-head strong{display:block; margin-top:4px;}
}

/* Investor-facing proof layer section */
.registry-proof-section{
  padding-top:10px;
}
.registry-proof-card{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:18px;
  align-items:stretch;
  padding:28px;
  border-radius:28px;
  background:
    radial-gradient(circle at top left, rgba(21,161,255,.14), transparent 42%),
    radial-gradient(circle at bottom right, rgba(255,211,77,.20), transparent 36%),
    #fff;
  border:1px solid var(--border);
  box-shadow:var(--shadow-soft-strong);
}
.registry-proof-copy h2{
  margin:12px 0 12px;
  max-width:820px;
  color:var(--ink);
  font-size:clamp(34px,5vw,64px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:1000;
}
.registry-proof-copy p{
  margin:0 0 12px;
  max-width:850px;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
  font-weight:780;
}
.registry-proof-stack{
  display:grid;
  gap:10px;
}
.registry-proof-stack div{
  padding:14px;
  border-radius:18px;
  background:#f8fbff;
  border:1px solid var(--border);
  box-shadow:0 10px 24px rgba(15,38,70,.055);
}
.registry-proof-stack span{
  display:block;
  color:var(--pop1);
  font-size:11px;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-weight:1000;
}
.registry-proof-stack strong{
  display:block;
  margin-top:5px;
  color:var(--ink);
  font-size:14px;
  line-height:1.24;
  font-weight:1000;
}
@media (max-width:880px){
  .registry-proof-card{grid-template-columns:1fr; padding:22px;}
}

/* Patch: luxurious logo + centered certificate heading */
.registry-brand-logo{
  width:78px;
  height:78px;
  object-fit:contain;
  display:block;
  filter: drop-shadow(0 12px 24px rgba(15,38,70,.18));
}
.registry-brand-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.registry-brand-copy strong{
  font-size:16px;
  letter-spacing:.14em;
}
.registry-logo-mark{
  display:none;
}
.registry-item-head-rich{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.registry-item-head-rich .registry-item-badge{
  align-self:center;
}
.registry-item-head-rich h2{
  margin:12px auto 6px;
}
.registry-item-head-rich p{
  max-width:420px;
  margin:0 auto;
  text-align:center;
  line-height:1.45;
}
@media (max-width:560px){
  .registry-brand-logo{
    width:62px;
    height:62px;
  }
  .registry-brand-copy strong{
    font-size:14px;
    letter-spacing:.1em;
  }
}

/* Legal / Terms page */
.registry-footer a,
.registry-footer-links a{
  color:var(--muted);
  text-decoration:none;
  font-weight:900;
}
.registry-footer a:hover,
.registry-footer-links a:hover{
  color:var(--ink);
}
.registry-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-end;
}
.legal-wrap{
  width:min(980px, calc(100% - 28px));
  margin:28px auto 0;
}
.legal-hero,
.legal-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:28px;
  box-shadow:var(--shadow);
}
.legal-hero{
  padding:34px;
  background:
    radial-gradient(circle at top left, rgba(21,161,255,.14), transparent 42%),
    radial-gradient(circle at bottom right, rgba(255,211,77,.18), transparent 36%),
    #fff;
}
.legal-hero h1{
  margin:14px 0 10px;
  color:var(--ink);
  font-size:clamp(38px,5vw,64px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:1000;
}
.legal-hero p{
  max-width:780px;
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.55;
  font-weight:750;
}
.legal-hero .legal-updated{
  margin-top:14px;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.legal-card{
  margin-top:16px;
  padding:28px;
}
.legal-card h2{
  margin:0 0 14px;
  color:var(--ink);
  font-size:clamp(26px,3vw,38px);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:1000;
}
.legal-card h3{
  margin:22px 0 8px;
  color:var(--ink);
  font-size:17px;
  letter-spacing:-.02em;
}
.legal-card p,
.legal-card li{
  color:var(--muted);
  font-weight:750;
  line-height:1.62;
}
.legal-card p{
  margin:0 0 12px;
}
.legal-card ul{
  margin:0 0 8px;
  padding-left:20px;
}
.legal-card a:not(.btn){
  color:var(--pop1);
  font-weight:1000;
}
.delete-box{
  margin:18px 0;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(135deg,#f5fbff,#fff8ef);
  border:1px solid var(--border);
}
.delete-box h3{
  margin-top:0;
}
.delete-box .btn{
  margin-top:8px;
}
@media (max-width:560px){
  .legal-hero,.legal-card{padding:20px; border-radius:22px;}
  .registry-footer-links{justify-content:flex-start;}
}

/* Public certificate page */
body.registry-certificate-page{
  display:block;
  padding:0;
  min-height:100vh;
  color:#f8f1dc;
  background:
    radial-gradient(circle at 12% 6%, rgba(231,181,79,.22), transparent 30%),
    radial-gradient(circle at 86% 14%, rgba(56,189,248,.11), transparent 28%),
    linear-gradient(145deg,#060709 0%,#11100d 48%,#050505 100%);
}
.cert-topbar{
  position:sticky;
  top:0;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:78px;
  padding:12px max(20px, calc((100vw - 1180px) / 2));
  background:rgba(6,7,9,.72);
  border-bottom:1px solid rgba(231,181,79,.26);
  backdrop-filter:blur(18px);
}
.cert-brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:#ffe8a3;
  text-decoration:none;
  font-weight:1000;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.cert-brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 12px 30px rgba(231,181,79,.25));}
.cert-nav{display:flex;align-items:center;gap:10px;}
.cert-nav a,.cert-nav button,.cert-nfc-box button{
  border:1px solid rgba(231,181,79,.35);
  background:rgba(255,255,255,.06);
  color:#ffe8a3;
  border-radius:999px;
  padding:10px 14px;
  text-decoration:none;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:11px;
  cursor:pointer;
}
.cert-nav a:hover,.cert-nav button:hover,.cert-nfc-box button:hover{background:rgba(231,181,79,.14);}
.cert-shell{width:min(1180px,calc(100% - 28px));margin:28px auto 44px;}
.cert-status{
  margin:0 0 14px;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 13px;
  border-radius:999px;
  background:rgba(10,12,14,.72);
  border:1px solid rgba(231,181,79,.25);
  color:#d8caa2;
  font-weight:900;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.cert-status.is-error{color:#fecaca;border-color:rgba(248,113,113,.45);background:rgba(127,29,29,.20);}
.cert-card{
  position:relative;
  overflow:hidden;
  border-radius:38px;
  padding:28px;
  border:1px solid rgba(231,181,79,.46);
  background:
    linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.025)),
    radial-gradient(circle at 50% 0%,rgba(231,181,79,.18),transparent 36%),
    #0b0b0a;
  box-shadow:0 40px 110px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,255,255,.05);
}
.cert-card:before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:28px;
  border:1px solid rgba(231,181,79,.22);
  pointer-events:none;
}
.cert-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 0 48%,rgba(231,181,79,.08) 50%,transparent 52% 100%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.028) 0 1px,transparent 1px 12px);
  opacity:.5;
  pointer-events:none;
}
.cert-card > *{position:relative;z-index:1;}
.cert-watermark{
  position:absolute;
  right:28px;
  top:90px;
  z-index:0;
  color:rgba(231,181,79,.045);
  font-size:min(30vw,320px);
  line-height:.8;
  font-weight:1000;
  letter-spacing:-.12em;
  pointer-events:none;
}
.cert-corner{position:absolute;z-index:2;width:42px;height:42px;border-color:#e7b54f;opacity:.72;}
.cert-corner-tl{top:22px;left:22px;border-top:2px solid;border-left:2px solid;border-radius:18px 0 0 0;}
.cert-corner-tr{top:22px;right:22px;border-top:2px solid;border-right:2px solid;border-radius:0 18px 0 0;}
.cert-corner-bl{bottom:22px;left:22px;border-bottom:2px solid;border-left:2px solid;border-radius:0 0 0 18px;}
.cert-corner-br{bottom:22px;right:22px;border-bottom:2px solid;border-right:2px solid;border-radius:0 0 18px 0;}
.cert-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:10px 8px 24px;border-bottom:1px solid rgba(231,181,79,.22);}
.cert-seal-wrap{position:relative;width:96px;height:96px;display:grid;place-items:center;}
.cert-seal-ring{position:absolute;inset:0;border-radius:999px;border:1px solid rgba(231,181,79,.46);background:conic-gradient(from 0deg,#e7b54f,#fff0bb,#a56c1d,#e7b54f);filter:drop-shadow(0 16px 34px rgba(231,181,79,.20));animation:certSpin 18s linear infinite;}
@keyframes certSpin{to{transform:rotate(360deg)}}
.cert-seal{position:relative;width:74px;height:74px;border-radius:999px;display:grid;place-items:center;background:#080806;border:1px solid rgba(255,240,187,.45);color:#ffe8a3;font-size:28px;font-weight:1000;letter-spacing:-.08em;}
.cert-kicker,.cert-section-label,.cert-field span,.cert-serial-grid span,.cert-nfc-box span{
  display:block;
  color:#d9b969;
  font-size:11px;
  letter-spacing:.17em;
  text-transform:uppercase;
  font-weight:1000;
}
.cert-title-block h1{margin:8px 0 8px;color:#fff7db;font-size:clamp(34px,5vw,70px);line-height:.9;letter-spacing:-.065em;font-weight:1000;}
.cert-title-block p{margin:0;color:#c6b78e;font-size:15px;line-height:1.45;font-weight:750;}
.cert-claim-badge{min-width:150px;text-align:center;border-radius:999px;padding:12px 14px;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.35);color:#dbe4ef;font-weight:1000;text-transform:uppercase;letter-spacing:.10em;font-size:11px;}
.cert-claim-badge.is-claimed{background:rgba(34,197,94,.14);border-color:rgba(74,222,128,.45);color:#bbf7d0;}
.cert-main-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:18px;padding:22px 8px;}
.cert-art-panel,.cert-data-panel,.cert-game-panel,.cert-footer-panel{border:1px solid rgba(231,181,79,.20);background:rgba(255,255,255,.045);box-shadow:0 18px 48px rgba(0,0,0,.22);}
.cert-art-panel{border-radius:28px;padding:16px;}
.cert-art-frame{aspect-ratio:1/1;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,rgba(231,181,79,.24),rgba(255,255,255,.045));border:1px solid rgba(231,181,79,.30);display:grid;place-items:center;}
.cert-art-frame img{width:100%;height:100%;object-fit:cover;display:block;}
.cert-item-name-block{margin-top:14px;padding:14px;border-radius:20px;background:rgba(0,0,0,.22);border:1px solid rgba(231,181,79,.16);}
.cert-item-name-block span{display:block;color:#d9b969;font-size:10px;font-weight:1000;letter-spacing:.15em;text-transform:uppercase;}
.cert-item-name-block strong{display:block;margin-top:6px;color:#fff7db;font-size:22px;line-height:1;letter-spacing:-.035em;font-weight:1000;}
.cert-item-name-block em{display:block;margin-top:8px;color:#c6b78e;font-style:normal;font-weight:800;font-size:13px;}
.cert-data-panel{border-radius:28px;padding:16px;}
.cert-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.cert-field{min-height:96px;padding:14px;border-radius:18px;background:rgba(0,0,0,.22);border:1px solid rgba(231,181,79,.16);}
.cert-field-wide{grid-column:1/-1;}
.cert-field strong{display:block;margin-top:8px;color:#fff7db;font-size:18px;line-height:1.13;font-weight:1000;word-break:break-word;}
.cert-field a{display:inline-flex;margin-top:8px;color:#8edcff;text-decoration:none;font-size:12px;font-weight:950;}
.cert-serial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;}
.cert-serial-grid div{padding:12px;border-radius:16px;background:rgba(231,181,79,.08);border:1px solid rgba(231,181,79,.16);}
.cert-serial-grid strong{display:block;margin-top:6px;color:#fff7db;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.35;word-break:break-all;}
.cert-game-panel{border-radius:28px;padding:18px;margin:0 8px 18px;}
.cert-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;}
.cert-section-head h2{margin:7px 0 0;color:#fff7db;font-size:26px;line-height:1;letter-spacing:-.04em;}
.cert-section-head > span{padding:8px 10px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(74,222,128,.28);color:#bbf7d0;font-weight:1000;font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
.cert-xp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.cert-xp-card{padding:15px;border-radius:20px;background:rgba(0,0,0,.25);border:1px solid rgba(231,181,79,.17);}
.cert-xp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.cert-xp-head span{color:#c6b78e;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;}
.cert-xp-head strong{color:#fff7db;font-size:18px;font-weight:1000;}
.cert-xp-bar{height:13px;margin-top:12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(231,181,79,.18);overflow:hidden;}
.cert-xp-bar i{display:block;width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#d9b969,#ffe8a3,#38bdf8);transition:width .25s ease;}
.cert-xp-bar-profile i{background:linear-gradient(90deg,#fb923c,#ffd38a,#e7b54f);}
.cert-xp-card p{margin:8px 0 0;color:#c6b78e;font-size:12px;font-weight:850;}
.cert-footer-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:14px;margin:0 8px 8px;border-radius:28px;padding:16px;}
.cert-nfc-box,.cert-proof-note{padding:14px;border-radius:20px;background:rgba(0,0,0,.24);border:1px solid rgba(231,181,79,.16);}
.cert-nfc-box strong{display:block;margin:8px 0 12px;color:#fff7db;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.45;word-break:break-all;}
.cert-proof-note strong{display:block;color:#fff7db;font-size:15px;margin-bottom:8px;}
.cert-proof-note p{margin:0;color:#c6b78e;line-height:1.45;font-weight:750;font-size:13px;}
.cert-loading{opacity:.72;}
@media (max-width:900px){
  .cert-hero,.cert-main-grid,.cert-footer-panel{grid-template-columns:1fr;}
  .cert-claim-badge{width:max-content;}
  .cert-xp-grid,.cert-field-grid,.cert-serial-grid{grid-template-columns:1fr;}
  .cert-topbar{padding-left:14px;padding-right:14px;}
  .cert-nav a{display:none;}
}
@media print{
  .cert-topbar,.cert-status,.cert-nfc-box button{display:none!important;}
  body.registry-certificate-page{background:#fff;color:#111;}
  .cert-shell{width:100%;margin:0;}
  .cert-card{box-shadow:none;background:#fff;color:#111;border-color:#b8860b;}
}

/* Brand-organized public registry pages */
.cert-brand-link{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:6px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(231,181,79,.25);
  background:rgba(231,181,79,.08);
  color:#ffe8a3;
  text-decoration:none;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.cert-brand-link:hover{background:rgba(231,181,79,.16);}

.registry-brand-page{
  display:block;
  min-height:100vh;
  padding:0;
  color:#fff7db;
  background:
    radial-gradient(circle at 15% 0%, rgba(231,181,79,.18), transparent 34%),
    radial-gradient(circle at 88% 6%, rgba(56,189,248,.10), transparent 28%),
    linear-gradient(135deg,#050505,#0b0804 52%,#050505);
}
.brand-topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);}
.brand-registry-shell{width:min(1180px,calc(100% - 28px));margin:28px auto 56px;}
.brand-registry-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);
  gap:18px;
  align-items:stretch;
  padding:24px;
  border-radius:34px;
  border:1px solid rgba(231,181,79,.28);
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),
    radial-gradient(circle at top left,rgba(231,181,79,.20),transparent 36%);
  box-shadow:0 30px 90px rgba(0,0,0,.36);
  overflow:hidden;
  position:relative;
}
.brand-registry-hero:before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:26px;
  border:1px solid rgba(231,181,79,.12);
  pointer-events:none;
}
.brand-registry-hero > *{position:relative;z-index:1;}
.brand-registry-hero h1{
  margin:10px 0 8px;
  color:#fff7db;
  font-size:clamp(44px,8vw,92px);
  line-height:.85;
  letter-spacing:-.075em;
  font-weight:1000;
}
.brand-registry-hero p{margin:0;color:#c6b78e;font-weight:850;font-size:16px;line-height:1.45;max-width:720px;}
.brand-registry-stats{display:grid;grid-template-columns:1fr;gap:10px;}
.brand-registry-stats div{
  min-height:92px;
  border-radius:22px;
  padding:14px;
  border:1px solid rgba(231,181,79,.18);
  background:rgba(0,0,0,.24);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.brand-registry-stats span{
  color:#d9b969;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.brand-registry-stats strong{display:block;margin-top:8px;color:#fff7db;font-size:30px;font-weight:1000;letter-spacing:-.04em;}
.brand-registry-stats button{
  width:max-content;
  margin-top:10px;
  border:1px solid rgba(231,181,79,.32);
  background:rgba(231,181,79,.11);
  color:#ffe8a3;
  border-radius:999px;
  padding:9px 13px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.10em;
  cursor:pointer;
}
.brand-registry-tools{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:10px;
  margin:18px 0;
}
.brand-registry-tools input,
.brand-registry-tools select{
  width:100%;
  border-radius:999px;
  border:1px solid rgba(231,181,79,.24);
  background:rgba(0,0,0,.30);
  color:#fff7db;
  padding:13px 16px;
  outline:none;
  font-weight:850;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.brand-registry-tools input::placeholder{color:#9e916e;}
.brand-registry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.brand-registry-card,
.brand-empty-card{
  border-radius:28px;
  border:1px solid rgba(231,181,79,.22);
  background:rgba(255,255,255,.05);
  box-shadow:0 24px 68px rgba(0,0,0,.26);
  overflow:hidden;
}
.brand-empty-card{grid-column:1/-1;padding:28px;color:#c6b78e;font-weight:900;text-align:center;}
.brand-registry-card-art{display:block;aspect-ratio:1/1;background:rgba(231,181,79,.08);overflow:hidden;}
.brand-registry-card-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease;}
.brand-registry-card:hover .brand-registry-card-art img{transform:scale(1.035);}
.brand-registry-card-body{padding:15px;}
.brand-registry-badge{
  display:inline-flex;
  border-radius:999px;
  padding:6px 9px;
  background:rgba(148,163,184,.12);
  border:1px solid rgba(148,163,184,.35);
  color:#dbe4ef;
  font-size:10px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.brand-registry-badge.is-claimed{background:rgba(34,197,94,.14);border-color:rgba(74,222,128,.45);color:#bbf7d0;}
.brand-registry-card h2{margin:10px 0 5px;color:#fff7db;font-size:22px;line-height:.95;letter-spacing:-.04em;font-weight:1000;}
.brand-registry-card p{margin:0 0 12px;color:#c6b78e;font-size:13px;font-weight:850;}
.brand-registry-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;}
.brand-registry-card dl div{padding:10px;border-radius:15px;background:rgba(0,0,0,.22);border:1px solid rgba(231,181,79,.12);}
.brand-registry-card dt{color:#d9b969;font-size:9px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase;}
.brand-registry-card dd{margin:5px 0 0;color:#fff7db;font-size:12px;font-weight:900;word-break:break-word;}
.brand-registry-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.brand-registry-card-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(231,181,79,.25);
  padding:9px 11px;
  color:#ffe8a3;
  background:rgba(231,181,79,.08);
  text-decoration:none;
  font-size:11px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.brand-registry-card-actions a:hover{background:rgba(231,181,79,.15);}

@media (max-width: 920px){
  .brand-registry-hero{grid-template-columns:1fr;}
  .brand-registry-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 620px){
  .brand-registry-tools{grid-template-columns:1fr;}
  .brand-registry-grid{grid-template-columns:1fr;}
  .brand-registry-hero{padding:20px;border-radius:26px;}
  .brand-registry-card dl{grid-template-columns:1fr;}
}