body { background-color: #050505; color: #e0e0e0; font-family: 'Courier New', Courier, monospace; margin: 0; padding: 20px; }
header { text-align: center; padding: 20px 0; border-bottom: 2px solid #00d2ff; margin-bottom: 40px; }

main {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    max-width: 1400px;
    margin: auto;
}

.card {
    background: #0a0a0a;
    border: 1px solid #00d2ff;
    padding: 20px;
    cursor: pointer;
    transition: 0.3s;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.card:hover { transform: translateY(-5px); box-shadow: 0 0 15px rgba(0, 210, 255, 0.3); }
h3 { color: #00d2ff; margin: 0 0 10px 0; font-size: 1.1rem; }
p { color: #00d2ff; margin: 0; font-size: 0.85rem; line-height: 1.4; }