.introduction{background-color:#002136;width:100%;height:100vh;position:relative;overflow:hidden}.gradient-overlay{background:radial-gradient(circle at center,var(--sunburn-blue-color) 0,var(--sunburn-blue-color-dark) 80%);transition:opacity 3s ease;pointer-events:none}.gradient-overlay,.sun{position:absolute;inset:0;opacity:0}.sun{margin:auto;width:100vw;height:100vh;background-size:contain;background-image:url(/images/sun-bg.webp);background-position:50%;background-repeat:no-repeat}@media screen and (min-width:480px) and (max-width:768px){.sun{width:120vw;height:120vh;margin-left:-10vw;margin-top:-10vh}}.text-wrapper{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.typed-text-wrapper{margin-top:50px;color:#fff}.connecting-text{font-size:16px;position:absolute;width:100%;text-align:center;display:flex;align-items:flex-end;justify-content:center}.connecting-text .dot-loader{margin-left:8px;margin-bottom:4px}@media screen and (max-width:480px){.connecting-text{font-size:14px}}.transition-gradient{background:rgba(0,0,0,.7);width:100%;height:100%;position:absolute;top:0;z-index:1}.sunburn-text-container{width:100%;height:12vh;display:flex;align-items:center;justify-content:center}.sunburn-text{width:100%;height:100%;mask-image:url(/images/sunburn-app-logo.webp);-webkit-mask-image:url(/images/sunburn-app-logo.webp);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}@media screen and (min-width:480px) and (max-width:768px){.sunburn-text-container{height:18vh}}.typing-sequence-container{display:flex;width:100%;justify-content:center;align-items:flex-start;margin-top:40px;min-height:200px;position:absolute}.enter-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 2rem;font-size:1.2rem;background:transparent;border:2px solid #fff;color:#fff;cursor:pointer;transition:all .3s ease}.enter-button:hover{background:hsla(0,0%,100%,.1)}