*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;min-height:100vh;background-color:#eef1f6;color:#0e1133;font-family:Asap,sans-serif;font-size:18px}h1,h2,h3,h4,h5,h6{font-family:Miriam Libre,sans-serif;font-optical-sizing:auto}button,input[type=checkbox]{cursor:pointer}main{display:grid;grid-template-rows:1fr 1fr;gap:40px;height:100%;padding:20px}.landing-container{display:flex;flex-direction:column;gap:60px}.image-container{display:flex;flex-direction:column;gap:10px}.image-container img{width:100%;max-width:400px;height:100%;max-height:400px;object-fit:cover;border-radius:20px;box-shadow:0 0 10px #0000001a}.image-container a{font-size:16px}h1{font-size:32px}.hero{display:flex;flex-direction:column;gap:20px;max-width:80%}.app-container{display:flex;flex-direction:column;gap:30px;width:100%;max-width:640px;height:100%;max-height:720px;margin:0 auto}.form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:10px;flex:1}.form-group label{font-size:16px;font-weight:500}.form-group input{height:50px;padding:10px;border:none;border-radius:6px;font-size:16px;background-color:#fff;font-family:Asap,sans-serif}.submit-button{display:flex;align-items:center;justify-content:center;height:50px;width:100%;border:none;border-radius:6px;background-color:#0e1133}.list-container{display:flex;flex-direction:column;flex:1;min-height:200px;max-height:calc(100vh - 400px);border-bottom:1px solid #0e1133}.list{display:flex;flex-direction:column;flex:1;gap:10px;overflow-y:auto;list-style:none;padding:10px;min-height:0}.list::-webkit-scrollbar-track{background-color:transparent}.list::-webkit-scrollbar{width:15px;background-color:transparent}.list::-webkit-scrollbar-thumb{background-color:#35a7ff;border-radius:10px;border:3px solid #fff}.list li{display:flex;align-items:center;justify-content:space-between}.list-item-group{display:flex;align-items:center;gap:10px}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox]:before{content:"✓";display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:1px solid #0e1133;color:transparent;font-size:16px}input[type=checkbox]:checked+.list-item-label{text-decoration:line-through;color:#8797a7}input[type=checkbox]:checked:before{color:#fff;background-color:#21a179}.delete-button{display:flex;align-items:center;justify-content:center;height:50px;width:50px;border:none;background-color:transparent}.announcement{height:18px;margin-top:10px;font-size:16px;color:#8797a7}.footer{display:flex;flex-direction:column;gap:30px}.remaining-tasks{font-style:italic}.clear-button{display:flex;align-items:center;justify-content:center;height:50px;padding:0 20px;background-color:#0e1133;color:#fff;border:none;border-radius:6px;font-family:Asap,sans-serif;font-size:18px}.clear-button:disabled{background-color:#acb7bd;cursor:not-allowed}a:focus,.form-group input:focus,.form-group input:hover,.submit-button:focus,.delete-button:focus,.clear-button:focus,input[type=checkbox]:focus{outline:3px solid #35a7ff}dialog::backdrop{background:#000000b3}dialog{height:130px;width:90vw;max-width:500px;margin:auto;padding:0 0 30px 30px;border:none;border-radius:6px;background-color:#fff;font-family:Asap,sans-serif}dialog button{margin-left:auto}.dialog-modal-content{display:flex;align-items:center;gap:10px}dialog p{color:#d00000}@media (min-width: 769px){main{grid-template-rows:1fr;grid-template-columns:1fr 1fr;padding:40px}.form{flex-direction:row;align-items:flex-end;gap:10px}.submit-button{width:50px}.footer{flex-direction:row;align-items:center;justify-content:space-between;gap:0}}