:root{
  --bg:#02060b;
  --gold:#ffbf00;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg)}
body{font-family:Arial,Helvetica,sans-serif}
.page{position:relative;min-height:100vh;overflow-x:hidden}
.approved-design{display:block;width:100%;height:auto}
.interactive-layer{
  position:absolute;
  inset:0 0 auto;
  width:100%;
  aspect-ratio:16/10;
  pointer-events:none;
}
.language-button{
  position:absolute;
  top:1.5%;
  right:17.5%;
  z-index:5;
  pointer-events:auto;
  min-width:82px;
  height:34px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:7px;
  background:rgba(3,10,17,.92);
  color:white;
  cursor:pointer;
}
.language-menu{
  position:absolute;
  top:5.2%;
  right:17.5%;
  z-index:6;
  display:none;
  width:170px;
  padding:8px;
  border:1px solid rgba(255,191,0,.45);
  border-radius:10px;
  background:#07111b;
  pointer-events:auto;
}
.language-menu.open{display:block}
.language-menu button{
  width:100%;
  padding:9px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:white;
  text-align:left;
  cursor:pointer;
}
.language-menu button:hover{background:rgba(255,191,0,.12)}
.cta-hotspot{
  position:absolute;
  display:block;
  pointer-events:auto;
  border-radius:8px;
}
.cta-top{top:1.4%;right:1.8%;width:11.2%;height:3.4%}
.cta-main{top:34.7%;left:6.7%;width:14.2%;height:4.2%}
.cta-bottom{right:1.9%;bottom:2.1%;width:19.5%;height:4.5%}
.mobile-entry{display:none;padding:18px;background:#02060b}
.mobile-entry a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:54px;
  border:1px solid #ffd84a;
  border-radius:9px;
  background:linear-gradient(135deg,#ffbf00,#ffd84a);
  color:#080808;
  font-weight:900;
  text-decoration:none;
}
@media(max-width:820px){
  .interactive-layer{display:none}
  .mobile-entry{display:block}
}