*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc}main{max-width:960px;margin:0 auto;padding:2rem 1rem}h1{text-align:center;margin-bottom:2rem;font-size:2.5rem}.btn{background:#2563eb;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background .2s}.btn:hover{background:#1d4ed8}.input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:none;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.card{background:#0f172a;border:1px solid #334155;padding:1rem;border-radius:.75rem;height:100%;display:flex;flex-direction:column}.card h3{margin:.25rem 0 1rem;font-size:1.125rem}.card p{flex:1;font-size:.875rem;line-height:1.4}