*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:800px;margin:0 auto;padding:20px}.form-container{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.form-title{margin-bottom:8px;font-size:24px;font-weight:600}.form-description{color:#666;margin-bottom:24px}.form-field{margin-bottom:20px}.form-label{margin-bottom:6px;font-weight:500;display:block}.form-label.required:after{content:" *";color:#dc3545}.form-input{border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-size:14px}.form-input:focus{border-color:#4caf50;outline:none}.form-error{color:#dc3545;margin-top:4px;font-size:12px}.form-button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:4px;width:100%;padding:12px 24px;font-size:16px}.form-button:hover{background:#45a049}.form-button:disabled{cursor:not-allowed;background:#ccc}.loading{text-align:center;padding:40px}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:4px;margin-bottom:20px;padding:12px}.success-message{color:#3c3;background:#efe;border:1px solid #cfc;border-radius:4px;margin-bottom:20px;padding:12px}