*{margin:0;padding:0;box-sizing:border-box}.container{width:400px;max-width:600px;margin:40px auto;padding:20px;background-color:#f7f9fc;box-shadow:0 4px 10px #0000001a;border:3px groove #adacac;border-radius:6px;font-family:Segoe UI;color:#333}.styled-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.form-group input{width:100%;padding:10px;font-size:16px;border:1px solid #ddd;border-radius:5px;box-shadow:inset 0 2px 5px #0000000d;transition:all .3s ease}.form-group input:focus{border-color:#66afe9;outline:none;box-shadow:0 0 8px #66afe999}.btn-add{padding:12px 20px;background-color:#000a9b;color:#fff;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}.btn-add:hover{background-color:#009ba7}.btn-success{margin-left:12px;padding:10px 15px;background-color:#004706;color:#fff;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}.btn-success:hover{background-color:#7dff7d}.btn-danger{margin-left:200px;padding:10px 15px;background-color:#b00;color:#fff;font-size:16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}.btn-danger:hover{background-color:#ff9090}.styled-list{list-style:none;margin-top:20px;padding:0}styled-list li{padding:15px;margin-bottom:10px;background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.styled-list li:hover{transform:translateY(-3px);box-shadow:0 4px 10px #00000026}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg,#a0383c,#fad0c4,#a84c33,#fbc2eb,#270083,#fad0c4);background-size:300% 300%;animation:gradientAnimation 15s ease infinite}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}h2{margin-bottom:50px;text-align:center;font-size:2.8em;line-height:1.1}