@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;700;800;900&family=Space+Mono:wght@400;700&display=swap');

:root{
  --black:#000000;
  --white:#ffffff;
  --gray:#d4d7dd;
  --green:#19ff83;
  --blue:#1aa4ff;
  --purple:#791aff;
  --magenta:#ff1a8b;
  --orange:#ff671a;
  --yellow:#faff1a;

  --bg:#000;
  --panel:#050505;
  --panel2:#0b0b0b;
  --text:#fff;
  --muted:#aeb4bf;
  --line:rgba(255,255,255,.11);
  --line2:rgba(25,255,131,.35);
  --max:1180px;
  --radius:14px;
}

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

html{
  font-size:16px;
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
  background:
    radial-gradient(circle at 80% -10%, rgba(25,255,131,.10), transparent 26rem),
    radial-gradient(circle at 0% 20%, rgba(26,164,255,.08), transparent 28rem),
    #000;
  color:var(--text);
  font-family:"Work Sans", system-ui, sans-serif;
  font-size:14px;
  line-height:1.55;
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), transparent 75%);
  z-index:0;
}

a{color:inherit;text-decoration:none}
img,svg,video,canvas{max-width:100%;height:auto}

header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(0,0,0,.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}

.nav{
  max-width:var(--max);
  margin:0 auto;
  padding:14px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

.brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}

.brand-logo{
  width:154px;
  height:auto;
  display:block;
}

.links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

.links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid transparent;
  color:var(--gray);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.links a:hover,
.links a.current-page{
  color:var(--green);
  border-color:var(--line2);
  background:rgba(25,255,131,.07);
}

main{
  position:relative;
  z-index:1;
  max-width:var(--max);
  margin:0 auto;
  padding:34px 20px 72px;
}

section{margin-bottom:48px}

.hero{
  position:relative;
  padding:46px 34px;
  border:1px solid var(--line);
  border-radius:22px;
  background:
    radial-gradient(circle at 82% 15%, rgba(25,255,131,.14), transparent 18rem),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.015)),
    #030303;
  overflow:hidden;
}

.hero::after{
  content:"";
  position:absolute;
  right:30px;
  bottom:24px;
  width:220px;
  height:180px;
  opacity:.08;
  background:url("/xrpl/assets/img/xrpl-official/xrpl-ledger-symbol-white.svg") center/contain no-repeat;
}

.kicker,
.label{
  color:var(--green);
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

h1{
  margin:12px 0;
  max-width:880px;
  font-size:clamp(2rem,5vw,4.2rem);
  line-height:.96;
  letter-spacing:-.055em;
}

h2{
  margin:34px 0 14px;
  font-size:clamp(1.35rem,3vw,2.35rem);
  line-height:1.05;
  letter-spacing:-.035em;
}

h3{
  margin:0 0 10px;
  font-size:1rem;
  line-height:1.2;
}

p{
  margin:0 0 14px;
  color:var(--muted);
  line-height:1.6;
}

.hero-lead,
.section-lead{
  max-width:760px;
  font-size:15px;
}

.grid,
.grid3{
  display:grid;
  gap:16px;
  margin-top:16px;
}

.grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}

.card{
  min-width:0;
  padding:20px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
    var(--panel);
  overflow:hidden;
}

.card:hover{
  border-color:rgba(25,255,131,.25);
}

.value{
  margin-top:8px;
  color:var(--white);
  font-size:clamp(1.25rem,3vw,2.15rem);
  font-weight:900;
  letter-spacing:-.04em;
  line-height:1;
  overflow-wrap:anywhere;
}

.mono,
pre,
code{
  font-family:"Space Mono", ui-monospace, monospace;
}

.mono,
pre,
code,
.value{
  overflow-wrap:anywhere;
  word-break:break-word;
}

pre{
  max-width:100%;
  overflow:auto;
  white-space:pre-wrap;
  padding:14px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#030303;
  color:var(--gray);
  font-size:12px;
}

.badge,
button,
.button,
input[type="submit"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  max-width:100%;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#070707;
  color:var(--gray);
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.badge:hover,
button:hover,
.button:hover{
  color:var(--green);
  border-color:var(--line2);
}

.ok,.tx-success{color:var(--green)!important}
.warn,.tx-warning{color:var(--yellow)!important}
.bad,.tx-error{color:var(--magenta)!important}

.copy-row,
.intel-links,
.tx-controls,
.trust-badges,
.trust-links{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  align-items:center;
}

.trust-badges span,
.trust-links a{
  color:var(--green);
  border:1px solid var(--line2);
  background:rgba(25,255,131,.07);
  border-radius:999px;
  padding:8px 11px;
  font-size:12px;
  font-weight:800;
}

input,textarea,select{
  max-width:100%;
  padding:11px 13px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#030303;
  color:var(--white);
  font-family:"Space Mono", monospace;
}

.verify-wrap{
  max-width:var(--max);
  margin:18px auto 28px;
  padding:0 20px;
}

.verify-card{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  width:100%;
  padding:16px;
  border:1px solid var(--line2);
  border-radius:16px;
  background:linear-gradient(135deg, rgba(25,255,131,.10), rgba(255,255,255,.025));
}

.verify-icon{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid var(--line2);
  color:var(--green);
  font-weight:900;
  font-size:24px;
}

.verify-title{
  color:var(--white);
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:13px;
}

.verify-sub{
  color:var(--muted);
  font-size:13px;
}

.verify-domain,
.verify-pill{
  color:var(--green);
  font-weight:900;
}

.tx-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}

.tx-stat{
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px;
  background:#030303;
}

.tx-headline{
  font-weight:900;
  font-size:16px;
}

.site-footer{
  position:relative;
  z-index:1;
  border-top:1px solid var(--line);
  background:#000;
}

.footer-inner{
  max-width:var(--max);
  margin:0 auto;
  padding:28px 20px;
}

.footer-brand{
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.footer-brand span{
  color:var(--green);
}

.footer-copy,
.footer-note{
  color:var(--muted);
  font-size:13px;
}

@media(max-width:900px){
  .nav{
    flex-direction:column;
    gap:12px;
  }

  .brand-logo{
    width:128px;
  }

  .links{
    justify-content:center;
  }

  .grid,
  .grid3{
    grid-template-columns:1fr;
  }

  .verify-card{
    display:flex;
    flex-direction:column;
    text-align:center;
  }
}

@media(max-width:520px){
  body{font-size:13px}

  main{
    padding:24px 12px 54px;
  }

  .hero{
    padding:28px 16px;
  }

  h1{
    font-size:clamp(1.75rem,10vw,2.75rem);
  }

  h2{
    font-size:1.35rem;
  }

  .card{
    padding:15px;
  }

  .brand-logo{
    width:104px;
  }

  .links{
    gap:7px;
  }

  .links a{
    font-size:10px;
    padding:7px 8px;
  }

  .copy-row,
  .intel-links,
  .tx-controls,
  .trust-badges,
  .trust-links{
    flex-direction:column;
    align-items:stretch;
  }

  .badge,
  .trust-badges span,
  .trust-links a{
    width:100%;
    text-align:center;
  }

  .tx-grid{
    grid-template-columns:1fr;
  }
}

/* XRPL-style briefings/articles */
.news-article main,
article{
  max-width:860px;
}

.news-article .hero,
article .hero{
  background:#000;
  border-color:transparent;
  padding-left:0;
  padding-right:0;
  box-shadow:none;
}

.news-article p,
article p{
  font-size:15px;
  line-height:1.75;
}

.news-article h1,
article h1{
  font-size:clamp(2.1rem,6vw,4.8rem);
}

/* XRPL HOME DAILY BRIEF, SCOPED STYLE FIX */
.xrpl-home-daily-brief {
  width: min(1180px, calc(100% - 28px));
  margin: 22px auto;
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(32, 232, 155, .24);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(32, 232, 155, .12), transparent 28rem),
    linear-gradient(180deg, rgba(9, 28, 21, .92), rgba(5, 18, 13, .94));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
  color: #eafff7;
}

.xrpl-home-daily-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
  color: #20e89b;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.xrpl-home-daily-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
}

.xrpl-home-daily-brief h2 {
  margin: 0 0 10px;
  color: #eafff7;
  font-size: clamp(1.35rem, 3vw, 2.15rem);
  line-height: 1.08;
}

.xrpl-home-daily-brief p {
  margin: 0;
  max-width: 860px;
  color: #a8cdbc;
  line-height: 1.62;
}

.xrpl-home-daily-brief code {
  color: #c8ffe9;
  background: rgba(32, 232, 155, .09);
  border: 1px solid rgba(32, 232, 155, .16);
  border-radius: 6px;
  padding: 1px 5px;
}

.xrpl-home-daily-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 190px;
}

.xrpl-home-daily-btn,
.xrpl-home-daily-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 15px;
  border-radius: 999px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.xrpl-home-daily-btn {
  background: #20e89b;
  color: #02100b;
  border: 1px solid #20e89b;
}

.xrpl-home-daily-link {
  color: #eafff7;
  background: transparent;
  border: 1px solid rgba(32, 232, 155, .24);
}

.xrpl-home-daily-btn:hover,
.xrpl-home-daily-link:hover {
  text-decoration: none;
  filter: brightness(1.07);
}

@media (max-width: 820px) {
  .xrpl-home-daily-brief {
    width: min(100% - 20px, 1180px);
    margin: 16px auto;
    border-radius: 20px;
  }

  .xrpl-home-daily-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .xrpl-home-daily-actions {
    width: 100%;
    min-width: 0;
  }

  .xrpl-home-daily-btn,
  .xrpl-home-daily-link {
    width: 100%;
  }
}
/* END XRPL HOME DAILY BRIEF, SCOPED STYLE FIX */