.app{flex-direction:column;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.header{text-align:center;margin-bottom:3rem}.logo{width:96px;height:auto;filter:drop-shadow(0 0 24px var(--accent-glow));border-radius:20px;margin-bottom:1.5rem}.title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:2rem;font-weight:700}.subtitle{color:var(--text-muted);font-size:1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;width:100%;max-width:900px;display:grid}.card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.card:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:0 8px 32px #0000004d, 0 0 0 1px var(--border-hover);transform:translateY(-2px)}.card-icon{background:var(--accent-glow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.75rem;display:flex}.card-content{flex:1;min-width:0}.card-title{margin-bottom:.2rem;font-size:1.05rem;font-weight:600}.card-description{color:var(--text-muted);font-size:.85rem}.card-arrow{color:var(--text-muted);flex-shrink:0;font-size:1.2rem;transition:transform .2s,color .2s}.card:hover .card-arrow{color:var(--accent);transform:translate(4px)}.footer{color:var(--text-muted);margin-top:auto;padding-top:3rem;font-size:.8rem}@media (width<=480px){.app{padding:2rem 1rem}.title{font-size:1.5rem}.grid{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#12121a;--surface-hover:#1a1a26;--border:#1e1e2e;--border-hover:#2a2a3e;--text:#e4e4ef;--text-muted:#8888a0;--accent:#6c63ff;--accent-glow:#6c63ff26}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}