:root { --bg:#040404; --green:#1ea65a; --text:#f8f8f8; --muted:#c5c5c5; }
body { margin:0; font-family:'Barlow',system-ui,sans-serif; background:var(--bg); color:var(--text); font-weight:500; min-height:100vh; }
h1,h2,h3 { font-family:'Anton','Barlow',sans-serif; letter-spacing:0.01em; text-transform:none; }
.content-card h1,
.content-card h2 { text-transform:none !important; }
.stripe { position:fixed; top:0; right:0; width:145px; height:100vh; display:grid; grid-template-columns:1fr 1fr 1fr; z-index:0; }
.stripe div:nth-child(1){background:#000;} .stripe div:nth-child(2){background:#fff;} .stripe div:nth-child(3){background:var(--green);}
.ribbon-wrap { position:fixed; top:1.3rem; right:0%; width:110px; z-index:2; pointer-events:none; }
.ribbon-img {
  width:100%;
  height:auto;
  display:block;
  filter:
    drop-shadow(0 0 0 7px #ffffff)
    drop-shadow(0 10px 18px rgba(0,0,0,0.6));
}
.layout { max-width:1024px; margin:0 auto; padding:0.5rem calc(0.5rem + 90px) 0.75rem 0.5rem; position:relative; z-index:1; }
.content-card { padding:1.5rem; background:rgba(0,0,0,0.82); border-radius:12px; box-shadow:0 14px 34px rgba(0,0,0,0.35); }
.lead-text { font-size:1.12rem; line-height:1.6; margin-bottom:1.5rem; }
.bank-box { border-radius:12px; padding:1.15rem; border:1px solid rgba(255,255,255,0.14); background:rgba(255,255,255,0.07); box-shadow:0 12px 28px rgba(0,0,0,0.35); }
.bank-box strong { display:block; font-size:1.1rem; margin-bottom:0.35rem; color:var(--text); }
.bank-box span { display:block; color:var(--muted); margin-top:0.35rem; }
.link-box { border-radius:12px; padding:1rem; border:1px solid rgba(255,255,255,0.14); background:rgba(255,255,255,0.06); box-shadow:0 12px 28px rgba(0,0,0,0.3); }
.link-box a { color:var(--text); text-decoration:underline; text-decoration-thickness: 1px; }
.card-title { font-size:0.95rem; text-transform:uppercase; letter-spacing:0.06em; color:var(--muted); margin-bottom:0.35rem; }
.cta { display:inline-flex; align-items:center; gap:0.6rem; padding:0.9rem 1.35rem; background:var(--green); color:#ffffff; border-radius:999px; font-weight:700; letter-spacing:0.02em; text-decoration:none; box-shadow:0 10px 20px rgba(30,166,90,0.35); transition:transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease; }
.cta:hover { color:#ffffff; background:#24c16a; box-shadow:0 14px 24px rgba(30,166,90,0.45); transform:translateY(-1px); }
footer { margin-top:2rem; padding-bottom:1rem; color:var(--muted); font-size:0.95rem; text-align:center; }

@media (max-width: 768px) {
  .stripe { width:72px; }
  .layout { padding:0.5rem calc(0.5rem + 72px) 0.75rem 0.5rem; }
  .ribbon-wrap { width:52px; top:1.75rem; right:0rem; }
}