@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo:wght@900&display=swap");body, html{width: 100%; height: 100%; margin: 0; overflow: hidden;}body{display: flex; align-items: center; justify-content: center; flex-direction: column; background: radial-gradient(rgba(118, 0, 191, 0.5) 0%, transparent 70%), linear-gradient(#0b161e 40%, #202076 70%); perspective: 700px; font-size: clamp(10px, 2vw, 20px);}.lines{position: fixed; width: 100vw; height: 4em; background: linear-gradient(rgba(89, 193, 254, 0.2) 20%, #59c1fe 40%, #59c1fe 60%, rgba(89, 193, 254, 0.2) 80%); background-size: 1px 0.5em; box-shadow: 0 0 1em rgba(89, 193, 254, 0.4); transform: translateY(-1em); left: 0;}h1{position: relative; font-family: "Exo"; font-size: 9em; margin: 0; transform: skew(-15deg); letter-spacing: 0.03em;}h1::after{content: ""; position: absolute; top: -0.1em; right: 0.05em; width: 0.4em; height: 0.4em; background: radial-gradient(white 3%, rgba(255, 255, 255, 0.3) 15%, rgba(255, 255, 255, 0.05) 60%, transparent 80%), radial-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 60%) 50% 50%/5% 100%, radial-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 60%) 50% 50%/70% 5%; background-repeat: no-repeat;}h1 span:first-child{display: block; text-shadow: 0 0 0.1em #8ba2d0, 0 0 0.2em black, 0 0 5em #165ff3; -webkit-text-stroke: 0.06em rgba(0, 0, 0, 0.5);}h1 span:last-child{position: absolute; left: 0; top: 0; background-image: linear-gradient(#032d50 25%, #00a1ef 35%, white 50%, #20125f 50%, #8313e7 55%, #ff61af 75%); -webkit-text-stroke: 0.01em #94a0b9; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}h2{font-family: "Poppins"; margin: 0; font-size: 5.5em; margin-top: -0.6em; color: #0B2161; text-shadow: 0 0 0.05em #fff, 0 0 0.2em #DA81F5, 0 0 0.3em #DA81F5; transform: rotate(-7deg); animation: glow 1s ease-in-out infinite alternate;text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15), -12px 2px 7px rgba(206,89,55,0);}@keyframes glow{from{text-shadow: 0 0 0.03em #fff, 0 0 0.2em #DA81F5, 0 0 0.6em #DA81F5;}to{text-shadow: 0 0 0.1em #fff, 0 0 0.4em #DA81F5, 0 0 0.5em #DA81F5;}}.grid{background: linear-gradient(transparent 65%, rgba(46, 38, 255, 0.4) 75%, #7d41e6 80%, rgba(46, 38, 255, 0.4) 85%, transparent 95%), linear-gradient(90deg, transparent 65%, rgba(46, 38, 255, 0.4) 75%, #7d41e6 80%, rgba(46, 38, 255, 0.4) 85%, transparent 95%); background-size: 30px 30px; width: 200vw; height: 300vh; position: absolute; bottom: -120vh; transform: rotateX(-100deg); -webkit-mask-image: linear-gradient(black, rgba(0, 0, 0, 0) 80%);}