*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#020711;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif}
#entry{position:relative;width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;background:#020711;overflow:hidden}
#globe{
 position:absolute;left:50%;top:50%;width:100vw;height:100vh;height:100dvh;
 object-fit:cover;object-position:center center;
 transform:translate(-50%,-50%) scale(.10);
 transform-origin:center center;
 opacity:.10;filter:blur(10px) brightness(.42);
 will-change:transform,opacity,filter;
}
#globe.ready{animation:adsgiApproach 5.2s cubic-bezier(.16,.72,.18,1) forwards}
@keyframes adsgiApproach{
 0%{transform:translate(-50%,-50%) scale(.10);opacity:.10;filter:blur(10px) brightness(.42)}
 14%{opacity:.48}
 72%{transform:translate(-50%,-50%) scale(.82);opacity:.94;filter:blur(1.5px) brightness(.82)}
 100%{transform:translate(-50%,-50%) scale(1.035);opacity:1;filter:blur(0) brightness(.92)}
}
#welcome{
 position:absolute;z-index:5;left:50%;bottom:8.5vh;transform:translateX(-50%);
 width:min(540px,82vw);text-align:center;opacity:0;transition:opacity .7s ease;
 padding-bottom:env(safe-area-inset-bottom,0)
}
#welcome.visible{opacity:1}
.welcome-label{color:#e9bd47;font-size:14px;font-weight:700;letter-spacing:.28em;margin-bottom:14px;text-shadow:0 0 12px rgba(220,164,43,.28)}
.welcome-label small{display:block;font-size:.42em;letter-spacing:.22em;margin-top:8px;opacity:.78}
.entry-languages{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.entry-languages .enter-button{min-width:150px;justify-content:center}
.enter-button{
 height:72px;flex:1;display:flex;align-items:center;justify-content:center;gap:28px;
 text-decoration:none;color:#efc650;background:rgba(1,7,16,.88);
 border:1px solid rgba(217,166,46,.85);font-size:19px;font-weight:700;letter-spacing:.18em;
 box-shadow:0 0 22px rgba(217,166,46,.08);transition:.25s ease;backdrop-filter:blur(5px)
}
.enter-button:hover{background:rgba(20,27,35,.94);border-color:#f0c95a;box-shadow:0 0 28px rgba(217,166,46,.20);transform:translateY(-2px)}
.arrow{font-size:23px;letter-spacing:0}
#progress{position:absolute;z-index:7;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.07)}
#bar{height:100%;width:0;background:linear-gradient(90deg,#6e4b09,#d9a62e,#ffd979);transition:width 5.2s cubic-bezier(.16,.72,.18,1)}
#entry.running #bar{width:100%}
@media(max-width:700px){
 #globe{width:100vw;height:100dvh;object-position:center center}
 #welcome{width:min(92vw,430px);bottom:calc(4.8dvh + env(safe-area-inset-bottom,0px))}
 .welcome-label{font-size:11px;letter-spacing:.22em;margin-bottom:10px}
 .entry-languages{gap:9px}
 .enter-button{height:56px;font-size:14px;letter-spacing:.13em;gap:15px}
 .arrow{font-size:19px}
}
@media(max-width:360px){.enter-button{font-size:12px;letter-spacing:.10em}.entry-languages{gap:7px}}
@media(max-height:520px) and (orientation:landscape){
 #welcome{width:min(74vw,660px);bottom:calc(3dvh + env(safe-area-inset-bottom,0px))}
 .welcome-label{font-size:10px;margin-bottom:7px}
 .entry-languages{flex-wrap:nowrap}
 .entry-languages .enter-button{width:50%;height:46px;font-size:12px;letter-spacing:.11em}
 #progress{height:3px}
}