html,body{margin:0;height:100%;overflow:hidden;background:#000;font-family:Arial}
#bg{position:fixed;inset:0}
#logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(70vw,680px);opacity:0;animation:show 1s forwards 2s}
@keyframes show{to{opacity:1}}
#skip{position:absolute;top:20px;right:20px;z-index:5;background:#111;color:#5fd8ff;border:1px solid #5fd8ff;padding:10px 18px}
body.home{display:flex;align-items:center;justify-content:center}
.wrap{display:flex;gap:50px;align-items:center}
.menu{display:flex;flex-direction:column;gap:18px}
.btn{padding:16px 24px;border-radius:14px;border:1px solid #6fdcff;background:linear-gradient(#777,#2d2d2d,#777);color:#dff8ff;
box-shadow:0 0 12px #3ccfff;text-decoration:none;font-weight:bold;min-width:220px;text-align:center}
.logoHome{width:min(45vw,550px)}
@media(max-width:768px){
.wrap{flex-direction:column}
.menu{order:2;width:90%}
.logoHome{order:1;width:80%}
.btn{min-width:unset}
}