@font-face {
  font-family: "Futura Now";
  src: url("/static/fonts/FuturaNowHeadline.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Futura Now";
  src: url("/static/fonts/FuturaNowHeadlineMedium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Futura Now";
  src: url("/static/fonts/FuturaNowHeadlineBold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Futura BT";
  src: url("/static/fonts/FuturaBT-Bold.otf") format("opentype");
  font-weight: 700;
}

body { min-height: max(884px, 100dvh); }
.recaptcha-box { background-color: #f9f9f9; border: 1px solid #d3d3d3; }
.card-container { width: min(100%, 28rem); max-width: 28rem; margin: 0 auto; }
.card-shadow { box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05); }
.left-accent { box-shadow: inset 5px 0 0 0 #5bbcc7; }
.qr-shadow { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
.header-gradient { background: linear-gradient(180deg, #3daebb 0%, #2a94a0 100%); }
body::-webkit-scrollbar { display: none; }
body { -ms-overflow-style: none; scrollbar-width: none; }