html:has(body.cashly-layout-bio), body.cashly-layout-bio { background: #040812; }
.cashly-layout-bio .cashly-page-content { width: 100%; margin: 0; padding: 0; }
.cn-bio-page, .cn-bio-page * { box-sizing: border-box; }
.cn-bio-page {
  min-height: 100vh; min-height: 100svh; padding: 52px 20px 32px;
  color: #f7f8fc; font-family: Outfit, Arial, sans-serif;
  background: radial-gradient(ellipse at 50% 0, #28166466, transparent 55%), #040812;
}
.cn-bio-shell { width: min(520px, 100%); margin: 0 auto; }
.cn-bio-page a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.cn-bio-page a:focus-visible { outline: 2px solid #b7a7ff; outline-offset: 5px; }
.cn-bio-profile { text-align: center; margin-bottom: 30px; }
.cn-bio-brand { display: inline-flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 650; }
.cn-bio-brand img { display: block; width: 56px; height: 56px; object-fit: contain; }
.cn-bio-kicker { color: #b2a1f6; margin: 25px 0 12px; font-size: 11px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
.cn-bio-profile h1 { margin: 0; font-size: clamp(38px, 8vw, 52px); font-weight: 650; letter-spacing: -.035em; line-height: 1.06; }
.cn-bio-subtitle { max-width: 360px; margin: 18px auto 0; color: #a5acbf; font-size: 14px; line-height: 1.65; }
.cn-bio-links { display: grid; gap: 12px; }
.cn-bio-link { display: grid; grid-template-columns: 44px minmax(0, 1fr) 18px; gap: 14px; align-items: center; min-height: 96px; padding: 20px; border: 1px solid #ffffff16; border-radius: 18px; background: #0b101e; transition: transform 180ms ease, border-color 180ms ease, background 180ms ease; }
.cn-bio-link:hover { transform: translateY(-2px); border-color: #a594ff70; background: #10172a; }
.cn-bio-link.is-primary { min-height: 122px; background: linear-gradient(115deg, #2a00ff, #6742e3); border-color: #a99bff66; box-shadow: 0 12px 36px #2a00ff22; }
.cn-bio-link.is-primary:hover { background: linear-gradient(115deg, #3814ff, #7650ed); }
.cn-bio-icon { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 1px solid #ffffff14; border-radius: 13px; background: #ffffff06; color: #bba9ff; font-size: 16px; }
.cn-bio-link.is-primary .cn-bio-icon { color: #fff; background: #ffffff15; border-color: #ffffff24; }
.cn-bio-text { display: grid; gap: 5px; min-width: 0; }
.cn-bio-text small { color: #e0d9ff; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: .05em; }
.cn-bio-text strong { font-size: 15px; font-weight: 650; line-height: 1.35; }
.cn-bio-text > span { color: #9ca6bc; font-size: 12px; line-height: 1.5; }
.cn-bio-link.is-primary .cn-bio-text > span { color: #e4ddff; }
.cn-bio-arrow { color: #a2abc0; font-size: 22px; line-height: 1; }
.cn-bio-link.is-primary .cn-bio-arrow { color: #fff; }
.cn-bio-footer { margin-top: 30px; text-align: center; font-size: 12px; color: #9ba5ba; }
.cn-bio-footer p { margin: 0 0 20px; }
.cn-bio-footer p a { color: #d2c5ff; text-decoration: underline; text-underline-offset: 3px; }
.cn-bio-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 18px; }
.cn-bio-footer nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 11px; }
.cn-bio-footer a:hover { color: #fff; }
@media(max-width:520px) {
  .cn-bio-page { padding: 30px 18px 20px; }
  .cn-bio-brand img { width: 48px; height: 48px; }
  .cn-bio-kicker { margin-top: 22px; }
  .cn-bio-profile { margin-bottom: 25px; }
  .cn-bio-link { padding: 17px 15px; grid-template-columns: 40px minmax(0, 1fr) 16px; gap: 12px; }
  .cn-bio-icon { width: 40px; height: 40px; }
  .cn-bio-text strong { font-size: 14px; }
}
@media(prefers-reduced-motion:reduce) { .cn-bio-link { transition: none; } .cn-bio-link:hover { transform: none; } }