:root{--primary:#4551d1;--secondary:#619d72;--md:8px;--lg:16px}body{margin:0;font-family:system-ui;font-size:20px;overflow-x:hidden}a{cursor:pointer;color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{all:unset;font-size:1.5rem}button{background:var(--primary);color:#fff;padding:var(--md);border-radius:var(--md);cursor:pointer;border:none;font-size:1rem}button:hover{opacity:.9}button:active{opacity:.8}button:disabled{opacity:.5;cursor:not-allowed}label{flex-direction:column;display:flex}input{padding:var(--md);border-radius:var(--md);border:1px solid var(--primary);font-size:1rem}input:focus{outline:2px solid var(--primary)}