:root{
  --bg:#ffffff;
  --text:#111;
  --accent:#25D366;
  --maxw:900px;
  font-family: 'Segoe UI', Arial, sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);}
.page{
  max-width:var(--maxw);
  margin:0 auto;
  min-height:100vh;
  padding:6px 16px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
/* Logo: fixed width to control size */
.logo{
  width:320px;
  height:auto;
  margin-top:8px;
  margin-bottom:8px;
  display:block;
}
h1{
  font-size:30px;
  font-weight:700;
  margin:6px 0 12px 0;
}
.qr-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  margin-top:6px;
}
.qr{width:190px;height:190px;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,0.06);}
.wa-btn{background:var(--accent);color:#fff;padding:12px 24px;border-radius:10px;text-decoration:none;font-size:18px;font-weight:700;}
@media(max-width:700px){
  .logo{width:260px;}
  h1{font-size:22px;}
  .qr{width:150px;height:150px;}
  .wa-btn{font-size:16px;padding:10px 18px;position:fixed;left:12px;right:12px;bottom:18px;border-radius:12px;}
  .page{padding-top:12px;}
}