:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#080e1a;color:#edf5ff;font:16px system-ui;padding:32px 24px}main{max-width:520px;margin:auto}small{color:#65d8f5;letter-spacing:.15em;font-weight:700}h1{font-size:42px;line-height:1.1;margin:25px 0}p,footer{color:#aec0d6;line-height:1.6}label{display:block;margin:22px 0 7px;font-weight:600}input,select,button{width:100%;padding:15px;border-radius:10px;background:#142133;color:#edf5ff;border:1px solid #3c5068;font:inherit}input:focus,select:focus{outline:2px solid #65d8f5}button{margin-top:30px;background:#65d8f5;color:#080e1a;font-weight:750;border:0;cursor:pointer}button:disabled{opacity:.5}footer{font-size:13px;margin-top:30px}