*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial;background:#0f1115;color:#fff}
.container{max-width:520px;margin:0 auto;padding:16px}
.card{position:relative;width:100%;aspect-ratio:1125/2436;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px}
.name{font-size:22px;font-weight:700}
.points{font-size:18px}
.qr{width:120px;height:120px;border-radius:12px;background:rgba(255,255,255,.9)}
.input{width:100%;padding:12px;border-radius:10px;border:0;margin-bottom:10px}
.btn{width:100%;padding:14px;border-radius:12px;border:0;background:#1f7f5c;color:#fff;font-weight:700}
@media(min-width:900px){.container{max-width:900px;display:grid;grid-template-columns:1fr 1fr;gap:24px}}