/* about — generated by convert.py from "Bitnet About.dc.html".
   Shared rules live in base.css; only page-specific rules belong here. */

.vcard { padding: 26px; border-radius: var(--radius-lg); display: flex; flex-direction: column; gap: 12px; transition: transform .35s var(--ease-out),box-shadow .35s var(--ease-out) }
.vcard:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(40,60,77,.16) }
.vic { width: 46px; height: 46px; border-radius: 13px; color: #fff; display: flex; align-items: center; justify-content: center }
.vic svg { width: 22px; height: 22px }
.vh { font-family: var(--font-display); font-weight: 700; font-size: 17px; color: var(--azure-deep); margin: 0 }
.vp { font-size: 14px; line-height: 1.55; color: var(--fg2); margin: 0 }
@media (max-width:900px) {
.two-col { grid-template-columns: 1fr!important }
.g3 { grid-template-columns: 1fr!important }
.g2 { grid-template-columns: 1fr!important }
}
body { background: linear-gradient(168deg,#eaf2fb 0%,#d3e2f2 26%,#aecbe8 58%,#7fa9d6 100%) no-repeat fixed!important; background-attachment: fixed!important }
.card { background: rgba(255,255,255,.42)!important; backdrop-filter: blur(20px) saturate(1.25); -webkit-backdrop-filter: blur(20px) saturate(1.25); border: 1px solid rgba(255,255,255,.5)!important; box-shadow: 0 10px 34px rgba(48,65,81,.16)!important }
.card:hover { background: rgba(255,255,255,.55)!important; border-color: rgba(255,255,255,.72)!important }
[style*="background:#fff"] { background: rgba(255,255,255,.72)!important; backdrop-filter: blur(20px) saturate(1.3); -webkit-backdrop-filter: blur(20px) saturate(1.3); border: 1px solid rgba(255,255,255,.6) }
[style*="background:var(--neutral-50)"] { background: rgba(255,255,255,.22)!important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px) }
[style*="background:var(--azure-50)"] { background: rgba(96,159,210,.24)!important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.4) }
[style*="background:var(--azure-deep)"] { background: rgba(40,60,77,.5)!important; backdrop-filter: blur(22px) saturate(1.3); -webkit-backdrop-filter: blur(22px) saturate(1.3); border: 1px solid rgba(255,255,255,.22) }