.container{max-width:480px;margin:40px auto;padding:20px 25px;background-color:#fff;border-radius:12px;box-shadow:0 6px 15px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}h3{margin-bottom:15px;font-weight:600;color:#222}.contact-form{display:flex;gap:20px;align-items:flex-end;margin-bottom:30px}.contact-form label{flex:1;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;color:#555}.contact-form input{margin-top:6px;padding:8px 12px;font-size:1rem;border:1.8px solid #ccc;border-radius:8px;transition:border-color .25s ease}.contact-form input:focus{outline:none;border-color:#07f;box-shadow:0 0 6px #0077ff4d}.contact-form button{padding:10px 13px;font-size:1.1rem;font-weight:700;background-color:#298488;color:#fff;border:none;border-radius:9px;cursor:pointer;transition:background-color .3s ease;align-self:flex-end;white-space:nowrap}.contact-form button:hover{background-color:#82bbc7}.contact-list{list-style-type:none;padding-left:0}.contact-list li{background-color:#f9f9f9;padding:11px 15px;margin-bottom:12px;border-radius:8px;font-size:1rem;color:#444;box-shadow:inset 0 1px 2px #0000000d;display:flex;justify-content:space-between;align-items:center}.delete-btn{background-color:#e55353;border:none;color:#fff;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.delete-btn:hover{background-color:#b03434}