body{font-family:Arial,sans-serif;background:#f4f7fb;margin:0}
.header{background:#0d6efd;color:#fff;padding:15px;text-align:center}
.container{max-width:400px;margin:60px auto;background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}
input{width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}
button{width:100%;padding:12px;background:#0d6efd;color:#fff;border:none;border-radius:6px;cursor:pointer}
.card-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px}
.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.nav{background:#0d6efd;padding:12px;color:#fff;display:flex;justify-content:space-between}
a{color:#fff;text-decoration:none}