body {font-family: 'Segoe UI', sans-serif;background: transparent;margin: 0;padding: 20px;color: #222;max-width: 600px;margin: auto;}.menu-btn{width:35px;height:25px;position:fixed;top:15px;left:15px;cursor:pointer;z-index:1001;}.menu-btn span{display:block;height:4px;width:100%;background:#111;margin:5px 0;transition:0.3s;border-radius:2px;}.menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px);}.menu-btn.active span:nth-child(2){opacity:0;}.menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px);}.overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.3);top:0;left:0;display:none;z-index:999;}.side-menu{position:fixed;top:0;left:-250px;width:250px;height:100%;background:#fff;box-shadow:2px 0 8px rgba(0,0,0,0.2);transition:left 0.3s ease;padding-top:70px;z-index:1000;}.side-menu.active{left:0;}.side-menu a{display:block;padding:12px 20px;text-decoration:none;color:#333;border-bottom:1px solid #eee;}.side-menu a:hover{background:#f2f2f2;}h2 {text-align: center;font-size: 1.6rem;margin-bottom: 25px;}label {font-weight: bold;margin-top: 10px;display: block;color: #555;}input, textarea {width: 100%;padding: 10px;margin-top: 5px;margin-bottom: 15px;border: 1px solid #ccc;border-radius: 5px;font-size: 14px;box-sizing: border-box;font-family: Arial;}button {width: 100%;padding: 12px;border: none;background: #2196f3;color: #fff;font-size: 16px;cursor: pointer;border-radius: 5px;transition: background 0.3s ease;}button:hover {background: #1976d2;}.status-msg {display: none;text-align: center;font-weight: bold;margin-top: 10px;}.sending {color: #ff9800;}.success-msg {display: none;text-align: center;color: green;font-weight: bold;margin-top: 10px;}