*{margin:0;padding:0;font-family:'Poppins',sans-serif;box-sizing:border-box}.container{width:100%;min-height:100vh;background:linear-gradient(135deg,#153677,#4e085f);padding:10px}.todo-app{width:100%;max-width:940px;background:#fff;margin:100px auto 20px;padding:40px 30px 70px;border-radius:10px;overflow:auto}@media (max-width:600px){.container{padding:2vw}.todo-app{max-width:100%;margin:30px auto 10px;padding:20px 8px 40px;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .08)}.row{flex-direction:column;align-items:center;justify-content:center;padding-left:10px;margin-bottom:18px;border-radius:18px;.row{flex-direction:row;align-items:center;justify-content:flex-end;padding-left:10px;margin-bottom:18px;border-radius:18px;position:relative}}input{font-size:16px;padding:12px;margin-bottom:8px;border-radius:8px}button{button{width:auto;min-width:80px;padding:10px 18px;font-size:16px;border-radius:30px;margin-left:auto;margin-right:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);display:inline-block}font-size:15px;padding:10px 0 10px 40px;min-height:36px;gap:6px}.task-text{flex:1;min-width:0;overflow-wrap:break-word;word-wrap:break-word;white-space:normal;font-weight:bold!important;text-align:left}ul li{padding:10px 8px 10px 40px;gap:8px}.eta-container{gap:3px}.eta-display,.add-eta-button,.edit-eta-button{font-size:.8em}.eta-input{width:100px;font-size:.9em}}.todo-app h2{color:#002765;display:flex;align-items:center;margin-bottom:20px}.todo-app h2 img{width:30px;margin-left:10px}.row{display:flex;align-items:left;justify-content:space-between;background:#edeef0;border-radius:30px;padding-left:20px;margin-bottom:25px}input{flex:1;border:none;outline:none;background:#fff0;padding:10px;font-weight:14px}button{border:none;outline:none;padding:16px 50px;background:#ff5945;color:#fff;font-size:16px;cursor:pointer;border-radius:40px}ul li{list-style:none;font-size:17px;padding:12px 8px 12px 40px;user-select:none;cursor:pointer;position:relative;display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-start;width:100%;min-height:50px}.task-text{flex:1;min-width:0;overflow-wrap:break-word;word-wrap:break-word;white-space:normal;text-align:left;font-weight:700;font-size:15px}.task-edit-input{flex:1;border:1px solid #007bff;outline:none;padding:5px 10px;font-size:inherit;font-family:inherit;border-radius:4px;margin-right:10px;background:#fff}ul li::before{content:'';position:absolute;height:28px;width:28px;border-radius:50%;background-image:url(../images/unchecked-circle.png);background-size:cover;background-position:center;top:50%;left:8px;transform:translateY(-50%)}ul li.checked{color:#555;text-decoration:line-through}ul li.checked::before{background-image:url(../images/ok.png)}ul li span{width:40px;height:40px;font-size:22px;color:#555;line-height:40px;text-align:center;border-radius:50%;margin-left:10px;cursor:pointer;flex-shrink:0}ul li span:hover{background:#edeef0}.eta-container{display:flex;align-items:center;flex-shrink:0;margin-left:auto;gap:5px}.eta-display{font-size:.7em;color:#1b0ed1;margin-left:5px;white-space:nowrap}.add-eta-button{background:#007bff;color:#fff;padding:3px 8px;border-radius:3px;font-size:.7em;margin-left:10;cursor:pointer}.add-eta-button:hover{background:#0056b3}.edit-eta-button{background:#28a745;color:#fff;padding:3px 8px;border-radius:3px;font-size:.7em;cursor:pointer}.edit-eta-button:hover{background:#218838}.eta-input{border:1px solid #ccc;padding:3px;font-size:.8em;margin-left:5px;width:150px;transition:border-color 0.3s ease}.eta-input.invalid{border-color:#ff5945;background-color:#fff5f5}.hero{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#153677,#4e085f);color:#fff;border-radius:12px}.hero h1{font-size:2rem;color:#fff}.hero p{max-width:780px;margin:0 auto;font-size:1.1rem}.todo-app ul{margin-bottom:24px}.hero{margin-top:84px}.features{margin-top:28px}.use-cases{margin-top:28px}.cta{margin-top:28px}.cta2{margin-top:28px}section+section{margin-top:28px}.footer-bottom{text-align:center;padding:12px 0;margin-top:98px}.cta2{margin-bottom:12px}@media (max-width:768px){.hero,.features,.use-cases,.cta,.cta2{margin-top:20px}.footer-bottom{padding:12px 0}}