body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);height:100vh;display:flex;align-items:center;justify-content:center}.form-container{background:#fff;padding:2rem;border-radius:10px;width:90%;max-width:400px;box-shadow:0 4px 20px #0000001a}.form-container.wide{width:100%}.form{overflow:hidden;transition:height .4s ease;padding:1rem}.field-wrapper{display:flex;flex-direction:column;animation:none;transform:translateY(0);opacity:1;transition:transform .4s ease,opacity .4s ease}.field-wrapper.animate-field{transform:translateY(-30px);opacity:0}input{padding:.8rem;margin:.5rem 0;font-size:1rem;border:1px solid #ccc;border-radius:6px;outline:none}input:focus{border-color:#007bff}button{padding:.6rem;margin-top:.8rem;font-size:1rem;border:none;background-color:#007bff;color:#fff;border-radius:6px;cursor:pointer}button:hover{background-color:#0056b3}.error{color:red;font-size:.85rem;margin-top:.3rem}.summary{animation:fadeIn .5s ease-in-out}.summary div{margin:.5rem 0}.summary-row{margin:.6rem 0;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.summary-row input{width:100%;padding:.4rem;font-size:1rem}.actions{margin-top:1rem;display:flex;justify-content:space-between}.shake{animation:shake .3s ease}.slide-up{animation:slideUp .4s ease-in-out}.summary-title{font-size:1.4rem;margin-bottom:1rem;font-weight:700;color:#333}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-40px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}