.content,.hero,.top-bar,body,html{display:flex}.content,footer{text-align:center}.content h1,.content p,footer p{word-wrap:break-word}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;font-family:Poppins,sans-serif;flex-direction:column}.hero{position:relative;flex:1;flex-direction:column;justify-content:center;align-items:center;color:#fff;overflow:hidden}.background-animation{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2c2c2c,#1a1a1a);background-size:400% 400%;animation:30s infinite greyGradientAnimation;z-index:0}@keyframes greyGradientAnimation{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.content{position:relative;z-index:1;flex-direction:column;align-items:center;padding:110px 20px 20px}.top-bar{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:2;align-items:center;--logo-h:clamp(40px, 4.5vw, 58px);gap:calc(var(--logo-h) * .1);pointer-events:auto}.top-bar img.logo{height:var(--logo-h);width:auto;display:block}.top-bar .company-name{color:#fff;font-weight:600;font-size:calc(var(--logo-h) * .5);line-height:1;letter-spacing:.02em;max-width:calc(var(--logo-h) * 10);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content h1{font-size:clamp(2rem, 6vw, 6rem);font-weight:800;letter-spacing:.12rem;margin-bottom:.6rem;animation:30s infinite colorTransition}@keyframes colorTransition{0%,100%{color:#fff}24%{color:#8bc53f}42%{color:#a8e04f}48%{color:#b8f28e}58%{color:#b984d7}70%{color:#a160c3}80%{color:#7c3ca0}}.content p{font-size:clamp(1rem, 2.2vw, 1.8rem);font-weight:500;color:rgba(255,255,255,.92);line-height:1.2;margin-top:0;margin-bottom:4vh;letter-spacing:.04rem;max-width:80%;text-wrap:balance}.loading-wheel{width:10vw;height:10vw;max-width:100px;max-height:100px;border:.8vw solid rgba(0,0,0,.3);border-top:.8vw solid #000;border-radius:50%;animation:1s linear infinite spin;margin-top:6vh}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}footer{background:rgba(0,0,0,.9);color:#e0e0e0;font-size:1rem;padding:8px 20px;font-weight:500;width:100%}footer p{margin:0 auto;line-height:1.5;max-width:90%}@media (max-width:400px){.content{padding:90px 12px 12px}.top-bar .company-name{font-size:calc(var(--logo-h) * .5)}.content h1{font-size:2.5rem;letter-spacing:.1rem;margin-bottom:4vh}.loading-wheel{width:60px;height:60px;border:5px solid rgba(0,0,0,.3);border-top:5px solid #000}footer{font-size:.9rem;padding:6px 10px}}@media (min-width:401px) and (max-width:768px){.content{padding:110px 20px 20px}.content h1{font-size:4rem;margin-bottom:5vh}.loading-wheel{width:80px;height:80px;border:6px solid rgba(0,0,0,.3);border-top:6px solid #000}footer{font-size:1rem;padding:8px 20px}}@media (min-width:769px){.content{padding:130px 20px 20px}footer{padding:10px 40px}}