/* BIN-BOI — dev wing (#/ dev) — cyan/teal theme.
   Shares the bento/terminal DNA with studio & labs, tinted distinct. */

body {
    background-color: #1a1a1b;
    color: #f5f5f5;
    background-image: radial-gradient(rgba(10, 147, 171, 0.04) 1px, transparent 0);
    background-size: 8px 8px;
}

.bento-card {
    background: rgba(10, 147, 171, 0.03);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 1.5rem; padding: 1.5rem;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative; overflow: hidden;
}
.bento-card:hover {
    border-color: rgba(10, 147, 171, 0.35);
    transform: translateY(-2px);
    box-shadow: 0 10px 40px -12px rgba(10, 147, 171, 0.25);
}
.bento-card::before {
    content: ''; position: absolute; inset: 0;
    background-image: radial-gradient(rgba(10, 147, 171, 0.05) 1px, transparent 0);
    background-size: 8px 8px; pointer-events: none; z-index: 0;
}
.bento-card > * { position: relative; z-index: 1; }

@keyframes dropIn {
    0% { transform: translateY(-30px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}