html { width:100%; min-width:0; height:auto; overflow-x:hidden; overflow-y:auto; }

body { width:100%; min-width:0; height:auto; min-height:100vh; margin:0; overflow:visible; }

body::before, body::after { display:none; }

.landing { position:relative; inset:auto; display:block; width:100%; height:auto; min-height:100vh; min-height:100svh; margin:0; padding:0; overflow:visible; }

.scene { position:relative; inset:auto; transform:none; display:block; width:100%; min-width:0; max-width:none; height:auto; min-height:0; aspect-ratio:auto; margin:0; flex:none; overflow:visible; }

.scene-image { display:block; width:100%; height:auto; max-width:none; object-fit:contain; }

.hotspot { display:block; position:absolute; top:77.9%; height:7.2%; bottom:auto; z-index:2; }

.hotspot-register { left:31.3%; width:18.3%; }

.hotspot-login { left:50.5%; width:18.3%; }

.mobile-actions { display:none; }

@media (max-width:700px) and (orientation:portrait) {

  .hotspot { display:none; }

  .mobile-actions { position:relative; inset:auto; transform:none; width:min(410px,calc(100% - 24px)); display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:20px auto; padding:0; }

}