body{color:#fff;margin:0;overflow:hidden;font-family:system-ui,sans-serif}.outer{position:relative;width:100%;overflow:hidden;height:100vh}.inner{position:absolute;inset:0;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:2rem}h1{margin:0;font-weight:700;font-size:4rem;background:linear-gradient(180deg,#ffffffd9,#fffffff2);-webkit-background-clip:text;background-clip:text;text-align:center;color:transparent;letter-spacing:.05rem;color:#302840}a{margin:1rem 0 0;font-size:1rem;font-weight:500;color:#302840;letter-spacing:.05rem;text-decoration:none;position:relative;display:inline-block}a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background-color:currentColor;opacity:0;transition:bottom .25s ease,opacity .25s ease}a:hover:after{bottom:-3px;opacity:1}@media(min-width:768px){h1{font-size:5rem}a{margin:1.4rem 0 0;font-size:1rem}}@media(min-width:1024px){h1{font-size:6rem}a{font-size:1.1rem}}