:root{--bg:#f7f1e8;--card:#fff;--ink:#211b17;--accent:#b98952;--muted:#766a61}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(160deg,#f7f1e8,#eee2d3);color:var(--ink);min-height:100vh;display:grid;place-items:center;padding:22px}.card{width:min(430px,100%);background:rgba(255,255,255,.94);border-radius:30px;padding:28px 24px;box-shadow:0 20px 55px #5a46352b;text-align:center;position:relative;overflow:hidden}.flag{font-size:28px}.dog{width:190px;height:190px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 10px 30px #0002;margin:12px auto 8px}.badge{display:inline-block;padding:7px 12px;border-radius:999px;background:#211b17;color:white;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.name{font-size:34px;margin:12px 0 5px}.lead{font-size:17px;line-height:1.5;margin:0 auto 20px;max-width:330px}.btn{display:block;text-decoration:none;background:#211b17;color:#fff;padding:15px 18px;border-radius:16px;margin:10px 0;font-weight:700}.btn.alt{background:#efe5da;color:#211b17}.info{background:#f8f3ed;border-radius:18px;padding:14px;text-align:left;margin:18px 0;line-height:1.55}.demo{font-size:12px;color:var(--muted);margin-top:18px}.spark{position:absolute;animation:pop 1.8s ease-out both;font-size:20px}@keyframes pop{0%{opacity:0;transform:scale(.2) translateY(20px)}30%{opacity:1}100%{opacity:0;transform:scale(1.4) translateY(-100px)}}