*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100svh;display:grid;place-items:center;background:#141820;color:#f4f7fb;font-family:Arial,Helvetica,sans-serif}main{text-align:center;padding:2rem}h1{font-size:clamp(3rem,12vw,7rem);letter-spacing:-.065em;margin:0 0 2rem;font-weight:900}h1 span:first-child{color:#27c7ee}h1 span:last-child{background:linear-gradient(100deg,#ed3caf 5%,#ff964a 38%,#30dc91 66%,#a86cff 92%);background-clip:text;-webkit-background-clip:text;color:transparent}a{display:inline-block;padding:.85rem 2.2rem;color:#fff;border:1px solid #536276;border-radius:.65rem;text-decoration:none;font-size:1.05rem}a:hover{background:#253247}a:focus-visible{outline:3px solid #27c7ee;outline-offset:5px}