
.vrb3-wrap{max-width:1180px;margin:28px auto;padding:28px;color:#f6f8fc;background:linear-gradient(180deg,#0b0f15,#111722);border:1px solid rgba(255,255,255,.12);border-radius:28px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.vrb3-hero{max-width:920px;margin-bottom:22px}
.vrb3-hero span{color:#35f0a1;text-transform:uppercase;letter-spacing:.09em;font-weight:950;font-size:13px}
.vrb3-hero h1{font-size:clamp(34px,5vw,64px);line-height:.98;letter-spacing:-.055em;margin:12px 0}
.vrb3-hero p{color:#b8c1d1;font-size:18px;line-height:1.65;margin:0}
.vrb3-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;margin:20px 0}
.vrb3-toolbar input,.vrb3-toolbar select{width:100%;border:1px solid rgba(255,255,255,.16);background:#101620;color:#f6f8fc;border-radius:18px;padding:14px 16px;font-size:16px;outline:none}
.vrb3-toolbar select option{background:#101620;color:#f6f8fc}
.vrb3-info-strip{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0 12px;color:#b8c1d1}
.vrb3-info-strip strong{color:#f6f8fc}
.vrb3-info-strip span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:999px;padding:8px 11px;font-weight:800;font-size:13px}
.vrb3-count{margin:0 0 18px;color:#b8c1d1}
.vrb3-count strong{color:#35f0a1}
.vrb3-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.vrb3-card{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));border-radius:20px;padding:16px;text-align:left;color:#f6f8fc;cursor:pointer;display:grid;gap:9px;min-width:0}
.vrb3-card:hover{border-color:rgba(53,240,161,.36);transform:translateY(-1px)}
.vrb3-logo{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#35f0a1,#8c5cff,#ffd166);color:#06120d;font-weight:950}
.vrb3-card-name{font-size:19px;font-weight:950;line-height:1.1;overflow-wrap:anywhere}
.vrb3-card small{color:#b8c1d1;font-weight:750}
.vrb3-card em{font-style:normal;color:#35f0a1;font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:900}
.vrb3-note{margin-top:20px;color:#b8c1d1;font-size:14px;line-height:1.55;border-top:1px solid rgba(255,255,255,.10);padding-top:16px}
.vrb3-modal{position:fixed;inset:0;z-index:99999;display:none}
.vrb3-modal.is-open{display:block}
.vrb3-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}
.vrb3-modal-box{position:relative;z-index:2;width:min(820px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;margin:20px auto;background:#101620;color:#f6f8fc;border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.vrb3-close{position:sticky;top:0;float:right;border:0;border-radius:999px;background:#202938;color:#fff;width:42px;height:42px;font-size:28px;line-height:1;cursor:pointer;z-index:3}
.vrb3-modal-head{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;margin-bottom:18px}
.vrb3-modal-head .vrb3-logo{width:64px;height:64px;border-radius:20px}
.vrb3-modal-head h2{font-size:clamp(30px,5vw,54px);line-height:1;margin:0;letter-spacing:-.04em}
.vrb3-modal-head p{margin:7px 0 0;color:#b8c1d1}
.vrb3-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.vrb3-fact{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:16px;padding:13px;display:grid;gap:5px}
.vrb3-fact span{color:#35f0a1;font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:900}
.vrb3-fact strong{font-size:16px;line-height:1.2;overflow-wrap:anywhere}
.vrb3-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vrb3-detail div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);border-radius:18px;padding:16px;min-width:0}
.vrb3-detail h3{margin:0 0 8px;font-size:16px}
.vrb3-detail p{margin:0;color:#d8dfeb;line-height:1.65}
.vrb3-alert{margin-top:12px;border:1px solid rgba(255,209,102,.28);background:rgba(255,209,102,.09);border-radius:18px;padding:16px;color:#fff4c8;line-height:1.6}
@media(max-width:980px){.vrb3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vrb3-facts{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.vrb3-wrap{border-radius:0;margin:0;padding:18px}.vrb3-toolbar{grid-template-columns:1fr}.vrb3-grid{grid-template-columns:1fr 1fr}.vrb3-detail{grid-template-columns:1fr}.vrb3-modal-box{padding:18px;border-radius:22px}.vrb3-modal-head{grid-template-columns:1fr}.vrb3-modal-head .vrb3-logo{width:58px;height:58px}.vrb3-info-strip span{font-size:12px}}
@media(max-width:440px){.vrb3-grid{grid-template-columns:1fr}.vrb3-facts{grid-template-columns:1fr}}

.vrb3-verified-toggle{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;color:#d8dfeb;font-weight:850}
.vrb3-verified-toggle input{accent-color:#35f0a1;width:18px;height:18px}
.vrb3-card[data-verified="1"]{border-color:rgba(53,240,161,.20)}
