:root{--primary_blue: #27367b;--light_blue: rgb(0, 161, 181);--violet: rgb(113, 93, 238)}*{font-family:system-ui,sans-serif;line-height:1.6;box-sizing:border-box}html{padding:0;height:100%;background:radial-gradient(circle at 60.52% 67.2%,#264697,transparent 41%),radial-gradient(circle at 56.14% 12.23%,#232b69,transparent 85%),radial-gradient(circle at 6.01% 1.34%,#d989b9,transparent 25%),radial-gradient(circle at 75.71% 4.03%,#0a0d66,transparent 34%),radial-gradient(circle at 99.31% 70.7%,#2fd2eb,transparent 75%),radial-gradient(circle at 76.91% 59.14%,#0a0d66,transparent 71%),radial-gradient(circle at 71.07% 83.33%,#0a0d66,transparent 71%),radial-gradient(circle at 15.11% 70.43%,#1556a1,transparent 64%),radial-gradient(circle at 65.49% 37.9%,#3058a5,transparent 100%),radial-gradient(circle at 99.4% 93.55%,#12f7ff,transparent 100%),radial-gradient(circle at 50% 50%,#8f62aa,#8f62aa)}body{max-width:40rem;margin:0 auto;background-color:#f7f7f7;box-shadow:0 0 24px 4px #0000006b;padding:1.4rem 2rem}h1,h2,h3,h4{font-optical-sizing:auto;font-weight:600;font-style:normal;margin-bottom:.2rem;color:var(--primary_blue)}h1{margin-top:0}input{display:block;width:100%;margin-bottom:1rem}input[type=submit]{background:linear-gradient(45deg,var(--primary_blue),var(--light_blue));color:#fff;border:none;border-radius:4px;padding:.8rem;transition:transform .2s ease-in-out;font-size:1.2rem}input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}input[type=url]{border:2px solid var(--light_blue);border-radius:4px;padding:.6rem;transition:border-color .2s ease-in-out}input[type=url]:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px #715dee33}