.btn-green{display:inline-flex;align-items:center;gap:8px;background:var(--highlight);color:#0a0a0b;font-weight:700;font-size:14px;padding:13px 26px;border-radius:100px;transition:background 0.35s cubic-bezier(0.4,0,0.2,1),transform 0.35s cubic-bezier(0.4,0,0.2,1),box-shadow 0.35s cubic-bezier(0.4,0,0.2,1)}
.btn-outline-w{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.07);color:#fff;border:1px solid rgba(255,255,255,0.18);font-weight:600;font-size:14px;padding:13px 26px;border-radius:100px;transition:background 0.35s cubic-bezier(0.4,0,0.2,1),border-color 0.35s cubic-bezier(0.4,0,0.2,1)}
.btn-outline-w:hover{background:rgba(255,255,255,0.13);border-color:rgba(255,255,255,0.28)}
.btn-dark{display:inline-flex;align-items:center;gap:8px;background:#0a0a0b;color:#fff;font-weight:700;font-size:14px;padding:13px 26px;border-radius:100px;transition:background 0.35s cubic-bezier(0.4,0,0.2,1),transform 0.35s cubic-bezier(0.4,0,0.2,1),box-shadow 0.35s cubic-bezier(0.4,0,0.2,1)}
.stat-card{border-top:1px solid rgba(255,255,255,0.08);padding:28px 32px;display:flex;align-items:baseline;gap:16px;transition:background 0.38s cubic-bezier(0.4,0,0.2,1),box-shadow 0.38s cubic-bezier(0.4,0,0.2,1)}
.stat-card:hover{background:rgba(60,224,0,0.04);box-shadow:inset 1px 0 0 rgba(60,224,0,0.2)}
.ic-box{width:48px;height:48px;border-radius:12px;background:rgba(60,224,0,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.38s cubic-bezier(0.4,0,0.2,1),box-shadow 0.38s cubic-bezier(0.4,0,0.2,1)}
.card:hover .ic-box{background:rgba(60,224,0,0.14);box-shadow:0 0 0 4px rgba(60,224,0,0.06)}
.ic-box-dark{width:48px;height:48px;border-radius:12px;background:rgba(60,224,0,0.1);border:1px solid rgba(60,224,0,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.38s cubic-bezier(0.4,0,0.2,1),border-color 0.38s cubic-bezier(0.4,0,0.2,1)}
.dark-card:hover .ic-box-dark{background:rgba(60,224,0,0.18);border-color:rgba(60,224,0,0.4)}
.card{background:var(--surface);padding:36px 28px;transition:background 0.38s cubic-bezier(0.4,0,0.2,1),box-shadow 0.38s cubic-bezier(0.4,0,0.2,1),border-color 0.38s cubic-bezier(0.4,0,0.2,1)}
.card:hover{background:#f8faf4;box-shadow:inset 0 -2px 0 rgba(60,224,0,0.18)}
.vtl{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
.vtl-item{display:grid;grid-template-columns:52px 1fr;gap:20px;align-items:start;padding:28px 24px;border-bottom:1px solid var(--border);position:relative;transition:background 0.38s cubic-bezier(0.4,0,0.2,1)}
.vtl-item:hover{background:rgba(60,224,0,0.04)}
.dark-card{background:rgba(255,255,255,0.03);padding:32px 26px;transition:background 0.38s cubic-bezier(0.4,0,0.2,1),box-shadow 0.38s cubic-bezier(0.4,0,0.2,1)}
.dark-card:hover{background:rgba(60,224,0,0.05);box-shadow:inset 0 0 0 1px rgba(60,224,0,0.12)}