body{font-family:Arial,sans-serif;margin:0;background:#f5f5f5}
.container{max-width:430px;margin:auto;min-height:100vh;background:#fff}
.header{background:#3a3a3a;color:#fff;padding:20px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}
.card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.12);text-align:center;cursor:pointer}
.btn{display:block;background:#f4c400;color:#222;padding:14px;border-radius:12px;text-decoration:none;text-align:center;margin:16px}
.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:430px;width:100%;display:flex;justify-content:space-around;background:#333;color:#fff;padding:12px 0}
.camera{position:fixed;left:50%;transform:translateX(-50%);bottom:60px;background:#f4c400;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:28px;text-decoration:none}