*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui;background:#0a0a0a;color:#e0e0e0;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{text-align:center;padding:2rem}h1{font-size:2rem;margin-bottom:1rem;background:linear-gradient(135deg,#00e5ff,#7c4dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}p{color:#888;margin-bottom:2rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:800px}.card{background:#1a1a2e;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:transform .2s}.card:hover{transform:translateY(-4px);border-color:#00e5ff}