body {
    background: #050607;
    color: #fff;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.grid-bg {
    background-image:
        linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
    background-size: 42px 42px;
}

.panel {
    background: linear-gradient(180deg, rgba(18,22,24,.96), rgba(9,11,12,.96));
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 24px 80px rgba(0,0,0,.45);
}

.lime-glow { box-shadow: 0 0 60px rgba(183,255,34,.22); }

.mockup-gradient {
    background:
        linear-gradient(120deg, rgba(0,0,0,.55), rgba(0,0,0,.15)),
        radial-gradient(circle at 80% 20%, rgba(183,255,34,.18), transparent 30%),
        linear-gradient(135deg, #18240f, #070807 70%);
}

.card-hover { transition: .22s ease; }
.card-hover:hover { transform: translateY(-5px); border-color: rgba(183,255,34,.35); }