* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; background: linear-gradient(135deg, #667eea, #764ba2); min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.lcm { background: #fff; padding: 40px; border-radius: 20px; width: 350px; text-align: center; }
.lcm h1 { color: #764ba2; margin-bottom: 20px; }
.lcm input { width: 100%; padding: 15px; border: 2px solid #ddd; border-radius: 10px; font-size: 18px; margin-bottom: 15px; }
.lcm button { width: 100%; padding: 15px; background: #764ba2; color: #fff; border: none; border-radius: 10px; font-size: 18px; cursor: pointer; }
#result { font-size: 28px; font-weight: bold; margin-top: 20px; color: #764ba2; }