body{margin:0;padding:0;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center}.inter{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500}.sofia{font-family:Sofia,serif;font-weight:400;font-style:normal}.gsgradient{background:linear-gradient(to bottom,#bbbaba,#4f4f4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradientPulse{0%{background:linear-gradient(to bottom,#bbbaba,#4f4f4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}50%{background:linear-gradient(to bottom,#bbbaba,#4f4f4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}55%{background:linear-gradient(to bottom,#bbbaba,#4f4f4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}55.1%{background:linear-gradient(to bottom,#833ab400,#fd1d1d00,#fcb04500);-webkit-background-clip:text;-webkit-text-fill-color:transparent}55.5%{background:linear-gradient(to bottom,#833ab4,#fd1d1d,#fcb045);-webkit-background-clip:text;-webkit-text-fill-color:transparent}60%{background:linear-gradient(to bottom,#833ab4,#fd1d1d,#fcb045);-webkit-background-clip:text;-webkit-text-fill-color:transparent}to{background:linear-gradient(to bottom,#833ab4,#fd1d1d,#fcb045);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;width:100vw;background:#f9f9f9}.main{width:60%;max-width:800px;height:60%;border-radius:20px;border:1px solid rgb(230 230 230);padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#fff;box-shadow:0 4px 6px #0000001a;-webkit-box-shadow:-3px 3px 10px -4px rgba(34,60,80,.2);-moz-box-shadow:-3px 3px 10px -4px rgba(34,60,80,.2);box-shadow:-3px 3px 10px -4px #223c5033}.logo{font-size:70px;color:#6b6b6b;padding:20px 10px;text-align:center}.title{color:#6b6b6b;font-size:50px;font-weight:700;padding:10px 0;text-align:center;animation:gradientPulse 20s ease-in-out infinite}.description{color:#6b6b6b;font-size:30px;padding:10px 0;text-align:center}.footer{padding:10px;font-size:14px;color:#969696;text-align:center}@media screen and (max-width: 500px){.container{width:90%}.container .main .title{font-size:40px}.container .main .description{font-size:20px}}@media screen and (max-width: 768px){.container{width:100%}.container .main{width:80%;max-width:800px}}@media screen and (max-height: 700px) and (orientation: landscape){.container{height:100%}.container .main{width:80%;max-width:800px}}