@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Montserrat,Arial,sans-serif}body{overflow:hidden;background:#102d27;color:#fff}.hero{position:relative;min-height:100vh;display:grid;place-items:center;isolation:isolate;background:#16473b url('cuba.svg') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,37,31,.72),rgba(9,37,31,.18),rgba(9,37,31,.62)),linear-gradient(180deg,rgba(181,31,37,.12),rgba(15,54,45,.58))}.grain{position:absolute;inset:0;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:screen}.sun{position:absolute;width:44vw;height:44vw;max-width:650px;max-height:650px;border-radius:50%;background:rgba(244,193,66,.25);filter:blur(2px);right:-8vw;top:-12vw;z-index:-1}.card{position:relative;width:min(880px,90vw);padding:clamp(34px,6vw,76px);text-align:center;background:rgba(12,40,33,.67);border:1px solid rgba(247,207,92,.5);box-shadow:0 30px 100px rgba(0,0,0,.45),inset 0 0 70px rgba(255,216,93,.04);backdrop-filter:blur(5px);animation:rise .9s ease-out both}.card:before,.card:after{content:"";position:absolute;width:48px;height:48px;border-color:#f2c84b;border-style:solid}.card:before{left:18px;top:18px;border-width:2px 0 0 2px}.card:after{right:18px;bottom:18px;border-width:0 2px 2px 0}.eyebrow{font-size:12px;letter-spacing:.34em;color:#f4cf62;font-weight:800;margin-bottom:22px}h1{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;letter-spacing:.035em;font-size:clamp(52px,8vw,100px);line-height:.9;margin:0;text-transform:uppercase;text-shadow:5px 5px 0 rgba(171,35,40,.65)}h1 span{color:#f5d15c}.subtitle{font-size:clamp(15px,2vw,20px);line-height:1.6;color:#f5eee0;margin:28px auto 24px}.countdown{margin:0 auto 12px;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:2px solid #f5d15c;background:#b9232b;font-family:'Bebas Neue';font-size:39px;box-shadow:0 0 0 8px rgba(245,209,92,.08);animation:pulse 1s infinite}.redirect{font-size:13px;color:#e9dfcb;margin:0 0 24px}.button{display:inline-block;padding:14px 28px;background:#b9232b;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid #f5d15c;transition:.25s transform,.25s background}.button:hover{transform:translateY(-3px);background:#d12b34}.stamp{position:absolute;right:4vw;bottom:4vh;font-family:'Bebas Neue';font-size:clamp(40px,7vw,90px);color:rgba(245,209,92,.25);transform:rotate(-8deg);letter-spacing:.08em}.redirect strong{color:#f5d15c}@keyframes rise{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}@keyframes pulse{50%{transform:scale(1.06)}}@media(max-width:600px){.card{padding:42px 24px}.eyebrow{letter-spacing:.18em}.stamp{display:none}}

/* Mobile-first portrait optimization */
html, body { min-height: 100%; }
body { overflow-x: hidden; }
.hero { min-height: 100svh; min-height: 100dvh; }
@media (max-width: 600px) {
  .hero { padding: 22px 16px; align-items: center; justify-content: center; }
  .card { width: min(100%, 420px); padding: 34px 22px 30px; border-radius: 22px; }
  .eyebrow { font-size: 10px; letter-spacing: .16em; margin-bottom: 18px; }
  h1 { font-size: clamp(31px, 9vw, 44px); line-height: .98; margin: 0 0 18px; }
  h1 span { font-size: .72em; line-height: 1.08; display: inline-block; }
  .subtitle { font-size: 14px; line-height: 1.45; margin: 0 auto 22px; }
  .countdown { width: 78px; height: 78px; margin: 8px auto 12px; }
  .countdown span { font-size: 34px; }
  .redirect { font-size: 12px; margin-bottom: 18px; }
  .button { display: flex; min-height: 50px; align-items: center; justify-content: center; width: 100%; font-size: 15px; }
  .stamp { font-size: 13px; right: 14px; bottom: 12px; transform: rotate(-8deg); }
  .sun { width: 55vw; height: 55vw; max-width: 270px; max-height: 270px; }
}
@media (max-width: 380px) {
  .hero { padding: 14px 12px; }
  .card { padding: 28px 18px 24px; }
  h1 { font-size: 29px; }
  .countdown { width: 68px; height: 68px; }
  .button { min-height: 46px; }
}
@media (max-height: 700px) and (max-width: 600px) {
  .card { padding-top: 24px; padding-bottom: 22px; }
  .eyebrow { margin-bottom: 12px; }
  h1 { margin-bottom: 12px; }
  .subtitle { margin-bottom: 14px; }
  .countdown { width: 62px; height: 62px; margin: 4px auto 8px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}