body { background: #050505; color: white; font-family: 'Arial Black', sans-serif; overflow-x: hidden; }
section { height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.hero { text-align: center; }
.title { font-size: 8vw; line-height: 0.9; margin: 0; color: #00ff88; }
.description { font-size: 1.5rem; margin: 20px 0; opacity: 0.7; }
.cta-button { padding: 15px 40px; background: transparent; border: 2px solid #00ff88; color: #00ff88; cursor: pointer; font-weight: bold; }

.features { flex-direction: row; gap: 40px; background: #0a0a0a; perspective: 1000px; }
.card { 
    width: 250px; height: 350px; background: #111; border: 1px solid #222; 
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    border-radius: 20px; transition: border-color 0.3s;
}
.icon { font-size: 4rem; margin-bottom: 20px; }