body{margin:0;font-family:system-ui;background:#f5f7ff}
.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.btn{background:#0b47ff;color:#fff;padding:10px 16px;border-radius:8px;border:0;cursor:pointer}
.btn.out{background:#fff;color:#0b47ff;border:1px solid #dbe2ff}
.input{width:100%;padding:10px;margin:6px 0 14px;border-radius:8px;border:1px solid #dbe2ff}
.nav{display:flex;justify-content:space-between;align-items:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}