:root{--dark-blue: #0b5f20;--light-blue: #6aee8b;--light-purple: #ac7ff4;--dark-purple: #713fc2}body{background-color:#fafafa;font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;padding:20px 20px 40px}main{max-width:760px;margin:0 auto;background-color:#fff;border-radius:5px;box-shadow:0 0 130px -50px var(--light-purple);overflow:hidden}h1,h2{margin:0 0 24px}section{padding:20px;border-bottom:10px solid var(--dark-blue)}ul{list-style-type:none;margin:5px 0 30px;padding-left:25px}li{padding:5px 0}label{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;user-select:none;border:2px}label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:2px}label:hover input~.checkmark{background-color:#ccc}label input:checked~.checkmark{background-color:var(--dark-blue)}.checkmark:after{content:"";position:absolute;display:none}label input:checked~.checkmark:after{display:block}label .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}input[type=text]{border-radius:4px;margin:8px 0;outline:none;border:none;padding:8px;margin-inline-end:16px;box-sizing:border-box;transition:.3s;box-shadow:0 0 0 2px #b4b4b4}input[type=text]:focus{box-shadow:0 0 0 2px var(--dark-blue)}button{border:solid 2px transparent;background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(90deg,var(--dark-blue) 0%,var(--light-blue) 100%);background-origin:border-box;background-clip:content-box,border-box;box-shadow:2px 1000px 1px #fff inset;color:var(--dark-blue);padding:8px;cursor:pointer;margin-block:16px;border-radius:4px;font-weight:700;font-size:14px;width:100px;transition:75ms ease-in-out box-shadow}button:focus{outline:none}button:hover{box-shadow:2px 1000px 1px #ffffffe6 inset}button:active{box-shadow:2px 1000px 1px #fffc inset}